title: Binding click function on each div JQuery
body: <p>I need to bind the click function on each div of this ordered list in order to make hide/show an image on each imgXX div, I'm newbie with JQuery</p>
  
  <pre><code>&lt;ol id='selectable'&gt;
   &lt;li class="ui-state-default"&gt;
     &lt;div id="img01" class="img"&gt;
        &lt;div id="star01" class="star"&gt;
            &lt;img src="../ima/star.png" height="30px"/&gt;
        &lt;/div&gt;
     &lt;/div&gt;
   &lt;/li&gt;
   &lt;li class="ui-state-default"&gt;
     &lt;div id="img02" class="img"&gt;
        &lt;div id="star02" class="star"&gt;
            &lt;img src="../ima/star.png" height="30px"/&gt;
        &lt;/div&gt;
     &lt;/div&gt;
   &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>JQuery</p>
  
  <pre><code>$('div').each(function(){
     $(this).click(function(){
            if($(this).find('img').is(':visible').length){
                      $(this).find('img').fadeOut(700);
            }
            else{
                      $(this).find('img').fadeIn(700);
                }
     });
  });
  </code></pre>