namespacing-components-bad.js

// Heavily Coupled
$(function() {
     $(document.body).append( $('<select id="countries"></select>') );

     var countriesIveBeenTo = {
          'BE': 'Belgium',
          'CR': 'Costa Rica',
          'IT': 'Italy',
          'US': 'United States of America',
          'UK': 'United Kingdom'
     };

     $.each(countriesIveBeenTo, function(val, text) {
          $('select#countries').append(
               $('<option value="' + val + '">' + text + '</option>')
          );
     });

     $('select#countries').change(function() {
          console.log('Selected country: ' + $('select#countries :selected').text());
     });

});