title: How do I animate multiple dynamically generated DOM elements?
body: <p>This may be useful to see where I am coming from.
  <a href="https://stackoverflow.com/questions/1005006/jquery-nested-each-problem">Jquery nested each problem</a></p>
  
  <p>I am adding <code>divs</code> to the page with this code:</p>
  
  <pre><code>jQuery("#list").append(
      jQuery("&lt;div&gt;")
          .attr("id", "Entry")
          .html(html)
  );
  </code></pre>
  
  <p><code>html</code> is just a string containing some text and an anchor.</p>
  
  <p>I am trying to animate the new divs - there are multiple div's with the id <code>#Entry</code>.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>jQuery("#Entry").hover(function(){  
      jQuery(this)
      .animate({
          width:"50%",
          fontSize: "30px",
          opacity: 0.3,
          borderwidth: "15px"
      }, 500);  
  });
  </code></pre>
  
  <p>The above is in my <code>jQuery(document).ready(function(){ }</code> function, if that matters. </p>