title: jQuery - div title .attr() change not working on .append() content
body: <p>HTML</p>
  
  <p><code>&lt;div class="pop-circle Cats"&gt;&lt;/div&gt;</code></p>
  
  <p>CSS</p>
  
  <p><code>.pop-circle { width:8px;height:8px;border-radius:4px;background-color:#50377A; }</code></p>
  
  <p>JS</p>
  
  <p><code>$(".pop-circle").attr("title", "blah");</code></p>
  
  <p>Works as expected.  However, later on (after user interaction) if I .append(mydiv) several more divs (Cats, Dogs, etc.) that have the same "pop-circle" class, the title attribute isn't added to them.  Which makes sense, there was no new event.  So what would you do?  </p>
  
  <p>My first idea was to do this:</p>
  
  <pre><code>$("div.pop-circle").hover( function() {
      $(".Cats").attr("title", "cats");
      $(".Dats").attr("title", "dogs");
      // ...
  });
  </code></pre>
  
  <p>I figure the hover should trigger even on divs that are appended after the page is loaded.  However, this has a strange effect, the attribute isn't added, at least not the first few times I hover the div, or not at all.  (Sorry I don't want to show a live example of the divs appending.) </p>
  
  <p>I'm wondering if there's a more sensible way to do this.  </p>