title: Bind 'touchstart' event in jQuery not working with android phonegap and backbone
body: <p>I have the following template in Backbone, all gets rendered perfectly.   </p>
  
  <pre><code>    &lt;a href="#list" data-role="button" id="button" class="all-unselected"&gt;&lt;/a&gt;
      &lt;a href="#" data-role="button" id="button" class="suggested-unselected"&gt;&lt;/a&gt;
      &lt;a href="#" data-role="button" id="button" class="friends-unselected"&gt;&lt;/a&gt;
      &lt;a href="#" data-role="button" id="button" class="private-unselected"&gt;&lt;/a&gt;
      &lt;a href="#" data-role="button" id="button" class="buzz-unselected"&gt;&lt;/a&gt;
      &lt;script type="text/javascript"&gt;
          var buttons = $("a#button");
  
          for(var i=0; i&lt;buttons.length; i++){
              $(buttons[i]).bind('touchstart', select, false);
              $(buttons[i]).bind('touchend', unselect, false);
          }
  
          function select(){
              alert('test');
          }
          function unselect(){
              alert('unselect');
          }
      &lt;/script&gt;
  </code></pre>
  
  <p>The touchstart doesn't get triggered however if I write the following:      </p>
  
  <pre><code>    &lt;a href="#" data-role="button" id="button1" class="suggested-unselected"&gt;&lt;/a&gt;
      &lt;script type="text/javascript"&gt;
              document.getElementById('button1').addEventListener('touchstart', select, false);
  
          function select(){
              alert('test');
          }
          function unselect(){
              alert('unselect');
          }
      &lt;/script&gt; 
  </code></pre>
  
  <p>it works. As if jQuery can't bind the event. What might be the problem?</p>