title: jQuery not recognizing appended HTML
body: <p>Quite new to jQuery so exercise patience with me :)</p>
  
  <p>I think this should be a quick one: On clicking .color, I've appended some basic HTML to a page with the class .selected. When I hover on any div.color with the html (.selected) appended inside of it, I want to add some CSS to .selected to give it a hover on state, by using  </p>
  
  <pre><code>$('.color').toggle( 
      function(){
          $('.color').empty('span'),
          $(this).append("&lt;span class='selected'&gt;&lt;/span&gt;")
      },
      function() {
          $('.color').empty('span');
      })
  
  $('.color').click( function(){
      $('.color').toggle;
  })
  
  $('.color').has('.selected').hover(
          function(){
              $(".color span").css('background-position', '0px -24px');
          },
          function() {
              $(".color span").css('background-position', '0px 0px');
          })
  </code></pre>
  
  <p>The problem is that jQuery isn't recognizing that the appended html exists. I've manually inserted the HTML and it works perfectly, but through .append it doesn't cooperate.</p>
  
  <p>Thanks</p>
  
  <p>EDIT: Demo here: <a href="http://judsoncollier.com/DEMO/" rel="nofollow">http://judsoncollier.com/DEMO/</a></p>