title: I want to highlight all entries from a person (class), what am I missing here?
body: <p>I have a generator that generates random entries from people. <strong>My goal is to mouseover an entry and have that highlight all of the other entries from that user.</strong> Each entry gets assigned two classes, one which is the name of the user. </p>
  
  <p>Here's the code I have below.</p>
  
  <pre><code>$(document).ready(function(){        
  
    var $body = $('div.center');
    $body.html('&lt;header&gt;&lt;p id="headertext"&gt;Twittler&lt;/p&gt;&lt;/header&gt;');
  
    var index = streams.home.length - 1;
    while(index &gt;= 0){
      var tweet = streams.home[index];
      var $tweet = $('&lt;div class = "tweets"&gt;&lt;/div&gt;');
      $($tweet).addClass(tweet.user);
  
      //I'm trying to have two classes here, and the ID. Probably don't need the ID.
      $($tweet).attr("id",tweet.user);  
      $tweet.text('@' + tweet.user + ': ' + tweet.message + Date().toString("hh:mm tt"));
      $tweet.appendTo($body);
      index -= 1;
    }
  
    $("#tweetButton").click('click', function(){
      index = 10;
        while(index &gt;= 0){
        var tweet = streams.home[index];
        var $tweet = $('&lt;div class = "tweets"&gt;&lt;/div&gt;');
        $($tweet).addClass(tweet.user);
  
        //I'm trying to have two classes here, and the ID. Probably don't need the ID.
        $($tweet).attr("id",tweet.user);  
        $tweet.text('@' + tweet.user + ': ' + tweet.message + Date().toString("hh:mm tt"));
        $tweet.appendTo($body);
        index -= 1;
      }
  
    $('.tweets').on('mouseover',function(){
        var idget = $(this).attr('class');
  
        $('div.center').find(idget).css('background-color','pink');
      });
  
  
    });
  
  });  //Ends Script area
  </code></pre>
  
  <p>The tweets on mouseover entry at the bottom is my attempt at doing this, but when I mouseover an entry nothing happens. I'd definitely appreciate your help on what I'm missing here to make this happen.</p>