Javascript creating <div> on the fly
<p>I have a a link that looks similar to this</p>

<pre><code>&lt;a href="/home/category/blog/1" id="blog"&gt;Blog&lt;/a&gt;
</code></pre>

<p>As you can the link has an ID of 'blog' what I want to do is to create an div on the fly with the ID from the link that was clicked so if the 'blog' is clicked, then the markup would be</p>

<pre><code>&lt;div id="blog"&gt;
&lt;!--some content here--&gt;
&lt;/div&gt;
</code></pre>

<p>Like wise if for instance the news link is clicked then I would like,</p>

<pre><code>&lt;div id="news"&gt;
&lt;!--some content here--&gt;
&lt;/div&gt;
</code></pre>

<p>to be created in the markup if this possible? and how Im pretty new to jQuery.</p>
