title: Change div position relative top left dynamically
body: <p>I'm trying to change a divs position (top, left) when I hover over a LI. Here's what i'm using, it seems to set the position:relative but it does not add or change the top or left elements.</p>
  
  <p>It gets the XX and YY values from this html:</p>
  
  <pre><code>&lt;li value="9" xx="10" yy="10"&gt;&lt;a href="#"&gt;Content Here&lt;/a&gt;&lt;/li&gt;
  
  
  $(function(){
      $("div.listcol ul li").bind("mouseover",function(){
          $("div.cutaway-text").hide();    
          $("div.cutaway-image img").hide();
          $("div.cutaway-image img#img"+this.value).show();
          var top2 = 0;
          var left2 = 0;
  
          top2 = $(this).attr('xx');
          left2 = $(this).attr('yy');
  
          $(".highlighter").css('position', 'relative');
          $(".highlighter").css('top', top2); 
          $(".highlighter").css('left', left2); 
  
          //var d = document.getElementById('highlighter');
          //d.style.position = "absolute";
          //d.style.left = left;
          //d.style.top = top;
  
          //document.getElementById("div.highlighter").style.left = left2;
          //document.getElementById("div.highlighter").style.top = top2;
          //console.log(this.value);
      });
  });
  </code></pre>
  
  <p>The commented out lines are what I have tried/played about with already, thanks.</p>
  
  <p>Edit: here's jsfiddle <a href="http://jsfiddle.net/SWXgb/" rel="nofollow">http://jsfiddle.net/SWXgb/</a></p>