title: jQuery this doesn't work
body: <p>I've got a problem with my jquery code:</p>
  
  <pre><code>&lt;ul class="category-titles"&gt;
      &lt;li&gt;&lt;a id="category-title" href=""&gt;Test&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a id="category-title" href=""&gt;Test 2&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a id="category-title" href=""&gt;Test 3&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="toolbar"&gt;
      &lt;h1 id="results-title"&gt;Test&lt;/h1&gt;
  &lt;/div&gt;
  
  $('.category-titles &gt; li &gt; a').mouseover(function() {
      var strTitle = $('.category-titles &gt; li &gt; a', this).text();
      $("#results-title").html(strTitle);
      console.log(strTitle);
  });
  </code></pre>
  
  <p>here is a link: <a href="http://jsfiddle.net/irider89/Ltd1fp79/6/" rel="nofollow">http://jsfiddle.net/irider89/Ltd1fp79/6/</a> 
  On mouse enter the title should be renamed as li titles.</p>