title: styling jquery div in css
body: <p>why I am not able to style this by giving a class </p>
  
  <pre><code>&lt;div class="ko"&gt;add image&lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6MmMe/27/" rel="nofollow">http://jsfiddle.net/6MmMe/27/</a></p>
  
  <pre><code>$("div").hover(
    function () {
      $("&lt;div class="ko"&gt;add image&lt;/div&gt;").click(function() {
          $(this).parent().unbind("hover").children("img").attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg");
          $(this).remove();
      }).appendTo(this);
    }, 
    function () {
      $(this).find("div:last").remove();
    }
  );
  
  
  
  //li with fade class
      //$("li.fade").hover(function(){$(this).fadeOut(100);$(this).fadeIn(500);});
  </code></pre>