Jquery: pass attr, destroy attr
<p>How do I turn this: </p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="Menu1"&gt;Menu 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="Menu2"&gt;Menu 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="Menu3"&gt;Menu 3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Into this:</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#" catid="Menu1"&gt;Menu 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" catid="Menu2"&gt;Menu 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" catid="Menu3"&gt;Menu 3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>In Jquery using .attr</p>

<p>Thanks.</p>
