title: jQuery : hover event not work for appended object with ajax request
body: <p>Hi, the jQuery hover event not working for appended object via ajax .</p>
  
  <p>I add <code>&lt;div class="item ..."&gt; ... &lt;/div&gt;</code> with</p>
  
  <p><strong>Ajax call:</strong></p>
  
  <pre><code> var jqxhr = $.ajax( '{{ path('nextPage_url') }}'+page )
                .always(function(data) { 
                    $("#container").append(data).masonry('reload');
                 });
  </code></pre>
  
  <p><strong>Hover Event delegation :</strong></p>
  
  <p>I have hovered over  <code>.item</code>  class elements,it
  works fine for preloaded data,but for new <code>&lt;div&gt;</code> added via ajax  request its not working </p>
  
  <pre><code>        $('.item').hover(
              function(){
                  $(this).addClass('img-polaroid-shadow').removeClass('img-polaroid');
              },
              function(){
                  $(this).removeClass('img-polaroid-shadow').addClass('img-polaroid');
              }
          );
  </code></pre>
  
  <p>Thanks </p>