How to add a html <a> tag with javascript or jquery?
<p>I've done a slideshow for news on a website which works with jquery. Everything works perfectly except for a line where I try to add a link which links the complete version of the news. But Javascript never adds the tag nor show an error on the console.
Here's the function which changes the currently displayed news on the slideshow :
<code><pre>
function changeNews(newCurrentNewsNumber)
    {
        var realNewsNumber = newCurrentNewsNumber - 1;
        $("#number" + currentNewsNumber).css("color", "#FFFFFF");
        $("#number" + currentNewsNumber).css("backgroundColor", "#474747");
        $("#imageNews").attr("src").replace(newsImagePathArray[newCurrentNewsNumber - 1]);
        $("#number" + newCurrentNewsNumber).css("color", "#055c94");
        $("#number" + newCurrentNewsNumber).css("backgroundColor", "#FFFFFF");
        $("#textNews").html(newsTitleArray[realNewsNumber]+"&lt;br /&gt;" + newsTextArray[realNewsNumber]+"&lt;br />");
        <b>$("#textNews").append("&lt;a href=\"index.php?corps=news&amp;id="+realNewsNumber+"&gt;Voir la suite de la news...&lt;/a&gt;");</b>
        currentNewsNumber = newCurrentNewsNumber;
    }
</pre></code></p>

<p>newCurrentNewsNumber is the new news to display. currentNewsNumber is the old one. newsXXXArray contains elements of the news.
The line in blod is the one which doesn't do what it should. Any help would appreciated.</p>
