title: JQuery, how to apply the same mouseover effect to multiple divs with the same classes? help please?
body: <p>i am new to jQuery and i am having some rollover issues, i am trying to apply the same "roll over" effect to multiple divs, and it seems to work, the only thing is when i roll over an element all of my divs get the same effect, when i would like them to apply the effect one at a time on mouse over,  here is my code </p>
  
  <pre><code>  $('div.pitem').bind('mouseenter mouseleave', function() {
    $('div.p-tab').toggleClass('pheader-bar-selected');
    });
    $('div.pitem').bind('mouseenter mouseleave', function() {
    $('div.p-fline').toggleClass('pfooter-bar-selected');
    });
  </code></pre>
  
  <p>I do realize that i have the same classes on all of my divs but i was hoping to find a way to do this with out giving every single div a unique class or id, any help would be amazing thank you! </p>