title: jQuery .change() not triggering on select - example from api.jquery.com
body: <p>I copied this example from api.jquery.com</p>
  
  <pre><code>$('.target').change(function() {
    alert('Handler for .change() called.');
  });
  </code></pre>
  
  <p>I also tried:</p>
  
  <pre><code>$('#target').change(function() {
    alert('Handler for .change() called.');
  });
  </code></pre>
  
  <p>I copied it into my .js file, which is included in my html. I have another jQuery function in there (beginning $(window).load(function () { ..."</p>
  
  <p>The other function is working. But the above simple function is not.</p>
  
  <p>The form looks like this:</p>
  
  <pre><code>&lt;form&gt;
      &lt;select id="target" class="target"&gt;
          &lt;option name="pp" value="6"&gt;6&lt;/option&gt;
          &lt;option name="pp" value="12"&gt;12&lt;/option&gt;
      &lt;/select&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>I want to just use id, but I added class just for testing. But neither works.</p>
  
  <p>Why doesn't this simple function work? Do I need to do anything else to connect the change event to the function? I am new to jQuery, but I know that in javascript I would have to have the onchange event of the form call the function in order for something to happen.</p>
  
  <p>EDIT: Ok, here is EVERYTHING in my included .js file. As you can see, just one other function. Is it interfering?
  Also, I have only 1 form on the page, which you see above. I am going to have it change the number of results shown per page (6 or 12).</p>
  
  <pre><code>$(window).load(function() {
      $("img.gall_img").each(function() { // iterate through all img of class gall_img
          var imgWidth = $(this).width(); // "$(this)" to access jQuery width() func
          var divWidth = $(this).closest('div').width();
          //alert(imgWidth + " and " + divWidth); // for debugging
          if(imgWidth &gt; divWidth) {
              var position = Math.round(-1 * ((imgWidth/2) - (divWidth/2))); // 
              position = position + "px"; // make position format "123px".
                  $(this).css("left", position); // "$(this)" to access jQuery css() func
              }
      });
  });
  
  
  $("#target").change(function() {
    alert('Handler for .change() called.');
  });
  </code></pre>