title: jquery hover works for only certain divs
body: <p>i have jquery carousel where i am trying to implement hover for all the divs 
  but it works for only certain divs can you tell me why its not working for other divs...
  when you click green and red button you can see the carousel movement....</p>
  
  <p><a href="http://jsfiddle.net/9Dr7T/14/" rel="nofollow">http://jsfiddle.net/9Dr7T/14/</a></p>
  
  <p>providing my js code below</p>
  
  <pre><code>$(".specialHover").hover(
    function () {
          //  $("&lt;div class='cta'&gt;add image&lt;/div&gt;").click(function() {
      $("&lt;div class='cta'&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();
    }
  );
  </code></pre>