Rendering an html fragment with a jQuery script
<p>I'm writting my first jQuery script which should render a list of anchors in a div (whose id is #content) when I click on another anchor (#dwLink).
I get are the links displayed as I want, but just for milliseconds! then they dissapear.</p>

<p>This is the script I wrote:</p>

<pre><code>$(document).ready(function() {
  $('#dwLink').bind('click', function() {
    $('#content').html(
      "&lt;ul&gt;" +
        "&lt;li&gt;&lt;a href=\"#\"&gt;Link 1&lt;/a&gt;&lt;/li&gt;" +
        "&lt;li&gt;&lt;a href=\"#\"&gt;Link 2&lt;/a&gt;&lt;/li&gt;" +
        "&lt;li&gt;&lt;a href=\"#\"&gt;Link 3&lt;/a&gt;&lt;/li&gt;" +
      "&lt;/ul&gt;"
    );
  });
});
</code></pre>

<p>Does it have something wrong?
I can't find where the problem is. I know I could do it by writting plain javascript since it is a basic dom manipulation problem, but I want to do it in a jQueryesque way.
I hope you can help me.
Thanks!</p>
