title: Jquery mobile & change event & iphone & select
body: <p>My goal: In case someone selects a specific value from an select box something is supposed to happen.</p>
  
  <p>My environment:</p>
  
  <ul>
  <li>Jquery: 1.62 </li>
  <li>Jquery Mobile: 1.0b </li>
  <li>iOS: 4.3.5</li>
  </ul>
  
  <p>I am binding the event handler to the select box by</p>
  
  <pre><code>$( "#location" ).bind( "change", function(event, ui) {
     alert("foo");
  });
  </code></pre>
  
  <p>The code works without jquery mobile. Is it a bug or not the right approach for event binding in Jquery Mobile?</p>
  
  <p>Pls find below the complete code example.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Demo&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0"&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"&gt;
      &lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script&gt;
         $(document).ready(function() 
         {                  
              $( "#location" ).bind( "change", function(event, ui) {
               alert("foo");
               });
        }); 
      &lt;/script&gt;
      &lt;link rel="stylesheet" href="css/theme-i.css"&gt;
      &lt;link rel="stylesheet" href="css/app.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
     &lt;div id="container"&gt;
         &lt;form&gt;             
              &lt;div data-role="page"&gt;
                          &lt;select name="location" id="location" &gt;
                              &lt;option value="1"&gt;Option1&lt;/option&gt;
                              &lt;option value="2"&gt;Option2&lt;/option&gt;
  
                          &lt;/select&gt;
                 &lt;/div&gt; &lt;!-- /page --&gt;
          &lt;/form&gt;                               
      &lt;/div&gt;&lt;!-- /container  --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>