title: jquery using php as a selector
body: <p>Hi I am trying to make a hidden div appear on hover to cover my image and I have a list that is dynamically generated from project posts in wordpress..obviously the list class names are all different..</p>
  
  <p>What would my selector be so that the div appears just on the list item hovered.</p>
  
  <pre><code>&lt;li class="item-&lt;?php the_ID() ?&gt; &lt;?php if(++$count%4==0) echo 'rightmost'?&gt; "&gt;
                          &lt;div class="image"&gt;
                              &lt;span&gt;
                                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                                      &lt;?php
                                          if(has_post_thumbnail()){
                                              the_post_thumbnail('post-thumb');
                                          }
                                      ?&gt;
  
                                  &lt;/a&gt;
                              &lt;/span&gt;
                              &lt;a href="&lt;?php the_permalink() ?&gt;" class="link"&gt;View Details&lt;/a&gt;                    
                          &lt;/div&gt;
  &lt;div class="content"&gt;
                              &lt;h2&gt;&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php the_title() ?&gt;&lt;/a&gt;&lt;/h2&gt;
                              &lt;span class="tags"&gt;
                                  &lt;?php 
                                      // Fetching the tag names with respect to the post and displaying them
                                      $args =   array('orderby' =&gt; 'name', 'order' =&gt; 'ASC', 'fields' =&gt; 'names');
                                      echo implode(wp_get_object_terms( $post-&gt;ID, 'tag', $args),', '); 
                                  ?&gt;
                              &lt;/span&gt;
                              &lt;p&gt;
                                  &lt;?php 
                                      // Using custom excerpt function to fetch the excerpt
                                      folio_excerpt('folio_excerpt_length','folio_excerpt_more');
                                   ?&gt;
                              &lt;/p&gt;
                          &lt;/div&gt;
                          &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;/li&gt;                                   
                  &lt;?php endwhile; ?&gt;
              &lt;/ul&gt;   
  
  
  &lt;script&gt;
  
      $(document).ready(function() {
      $('.item-&lt;?php the_ID() ?&gt;').hover(
              function(){ 
              $('#folio li .content').fadeIn();
          },
  
              function() {
              $("#folio li .content").fadeOut();
              });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="http://allavitart.yourtrioproject.com/portfolio/" rel="nofollow">http://allavitart.yourtrioproject.com/portfolio/</a>
  thats my poopie work in progress</p>