title: Removing text that was appended previously
body: <p>I have a highlighting function using JQuery, that changes the css for the clicked <code>&lt;li&gt;</code> element in a menu.  The function also prepends a pair of left brackets &lt;&lt; to serve as pseudo arrows.</p>
  
  <p>But how do I remove that &lt;&lt; when I switch to the next <code>&lt;li&gt;</code> ?</p>
  
  <pre><code>$(".sdv-nrml").click(function(){
  
  //remove old highlighted li 
  $(".sdv-nrml").css({'background' : '#ffcc66' , 'color' : '#000000' , 'text-align' : 'right'});
  
  //assign new css and prepend arrow
  $(this).css({'background' : '#996600' , 'color' : '#ffff66' , 'text-align' : 'left'});
  $(this).prepend("&lt;&lt; ");
  });
  </code></pre>
  
  <p>Thanks</p>