title: jQuery dropdown change event no triggering
body: <p>I am new to jQuery and having trouble to trigger change event in drop down box.</p>
  
  <p>This is my HTML markup</p>
  
  <pre><code>&lt;select id="mini_bookinglocation" name="mini_bookinglocation"&gt;
      &lt;option selected="selected" value=""&gt;Please Select&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This is my <code>jQuery</code></p>
  
  <pre><code>$("#mini_bookinglocation").change(function() 
  {
      alert(" test ");
  });
  </code></pre>
  
  <p>I have tried put this inside the document ready block as well as outside but seems I can't get it working. I don't see the alert coming out.</p>
  
  <p>Also do I need to keep these function withing the document ready section ? </p>
  
  <p>Can anyone help ? </p>
  
  <p>Thanks</p>
  
  <p>Just to add that the values for the above will pass dynamically using jQuery.</p>