title: Touch events do not work when element appended to DOM after events binding
body: <p>When I create a div in HTML code ant then bind touch event on it - everythig going perfect. But when I create div like that: <code>$('&lt;div ...&gt;&lt;/div&gt;')</code> then binded touch events wont work. Same behaviour are on iPad and Android devices.</p>
  
  <p>Here is a code to reproduce an issue:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;script type="text/javascript" src="libs/jquery-1.7.2.js"&gt;&lt;/script&gt;
      &lt;script language="JavaScript"&gt;
          $(function() {
              $('#a').bind('touchstart', function(e) { alert('It works!'); });
  
              var b = $('&lt;div style="width:100px; height:100px; background-color:red;" id="b" &gt;&lt;/div&gt;');
              b.bind('touchstart', function(e) { alert('Does not work :-('); });
              $('body').append(b);
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div style="width:100px; height:100px; background-color:green;" id="a" &gt;&lt;/div&gt;​
  &lt;/body&gt;
  </code></pre>
  
  <p>Example at jsfiddle: <a href="http://jsfiddle.net/EqJDA/11/" rel="nofollow">http://jsfiddle.net/EqJDA/11/</a></p>
  
  <p>I was searching around and noticed that if you bind any mouse event and touch event on same element then touch event will be ignored. I've thought that jQuery added some hidden mouse events and listed all them for the div "b" but there was only one touch event.</p>
  
  <p><em>UPDATE:</em> if events binded after element appended to DOM - everythig works good. But I cant predict when element will be appended to DOM and must construct it and add events before it happens.</p>
  
  <p>So, does anyone know why this happens? Is there any workarounds?
  Thanks.</p>