title: Click event not working on a div appended dynamically in IE
body: <p>I am using jquery geocomplete plugin to show address suggestion when user type any address. It appends one div dynamically having class "pac-container". It looks like this : </p>
  
  <pre><code>&lt;div class="pac-container"&gt;
      &lt;div class="pac-item"&gt;&lt;b&gt;SDG&lt;/b&gt;, Vaishali, Bihar, India&lt;/div&gt;
      &lt;div class="pac-item"&gt;&lt;b&gt;SDG&lt;/b&gt;M, Kuber Nagar, Ahmedabad, Gujarat, India&lt;/div&gt;
      &lt;div class="pac-item"&gt;&lt;b&gt;sdg&lt;/b&gt;sdf, Isselburg, Germany&lt;/div&gt;
      &lt;div class="pac-item"&gt;Lorong &lt;b&gt;Sdg&lt;/b&gt; Kasim B Hamid Malacca Melaka Malaysia&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now my problem is when I click on any of the pac-item I have to stop event bubbling. How can I attach the event handler on dynamically added pac-item for IE.</p>
  
  <p>JS Fiddle : <a href="http://jsfiddle.net/EcPdP/2/" rel="nofollow">http://jsfiddle.net/EcPdP/2/</a></p>
  
  <p>It is working fine for all browser except IE. In IE, clicking on pac-item is propagating that click event to body. Please help me to solve this.</p>