title: Jquery function not loading after refreshing div using Ajax
body: <p>I have a several divs that a refreshed using Ajax after the user clicks on a link on the page. </p>
  
  <p>Here's my code for the Ajax refresh div:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;&lt;!-- AJAX CALL FOR MY PICTURES --&gt;
  $(document).ready(function() {
  $('#pictures_wrapper a.delete_image').live('click', function(e){
       $('#pictures_wrapper').load( $(this).attr('href') + ' #pictures_wrapper' );     
       e.preventDefault(); 
  }); 
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>On this same page, I am loading this Jquery effect:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;&lt;!-- HOVER OVER ITEMS CHANGE BG COLOR --&gt;
  $(document).ready(function() {
  $(".item_control_box").hide();
      jQuery('.each_item_container').hover(function() {
          jQuery(this).find('.item_control_box').show()
      }, function() {
          jQuery(this).find('.item_control_box').hide();
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>My issue is that when the user click on the link to refresh the Divs, this jquery effect breaks and no longer works. I'm thinking that I have to "reload" this function some how since only the div is being reloaded and not the whole page. How can I keep this Jquery function working after refreshing a div?</p>