title: Change a buttons id on click
body: <p>I need to change the <code>id</code> attribute of a <code>div</code> on click.</p>
  
  <pre><code>&lt;div class="xtra" id="id1"&gt;&lt;a href="#"&gt;&lt;span&gt;Next&lt;/span&gt;&lt;/a&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>How would I do that?</p>
  
  <p>I've tried:</p>
  
  <pre><code>$j("#id1").attr('id', 'id2');
  </code></pre>
  
  <p>but that didn't work.</p>