title: How to toggle attribute
body: <p>I have a List item where if I click on any of the list item it adds an ID "current" . </p>
  
  <p>But If I click again on this list this "current" ID should removed and back to normal again, something like toggling. I am able to add the attribute but not the able to toggle. Any help will be appreciated.</p>
  
  <p><a href="http://jsfiddle.net/oL9nt3pe/1/" rel="nofollow"><strong>FIDDLE</strong></a></p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('ul li').click(function(){
      $('ul li').removeAttr("id","current");
      $(this).attr("id","current");
  });
  </code></pre>