jQuery wrong format :(
<p>I have that code</p>

<pre><code>var p = document.createElement('p');
var a = document.createElement('a');

$(a).attr('href', 'http://www.my-site.com');
$(a).attr('title', 'My Site');
$(a).attr('target', '_blank');
$(a).attr('id', 'l');
$(a).html('&lt;strong&gt;m&lt;span style="color: #D70080 !important;"&gt;Y&lt;/span&gt; site&lt;/strong&gt;');

$(p).attr('id', 'b');
$(p).attr('style', 'text-align: right');
$(p).html('Powered by ' + $(a).html());

$('#wp_phpbb_bridge_options').parent('div').append(p);
</code></pre>

<p>Why that return me:</p>

<p>Powered by mY site</p>

<p>as a text ? without link ?</p>

<p>The html that I expect to return with that code is this:</p>

<pre><code>&lt;p style="text-align: right;" id="b"&gt;
    Powered by &lt;a href="http://www.my-site.com" title="My Site" target="_blank" id="l"&gt;&lt;strong&gt;m&lt;span style="color: #D70080 !important;"&gt;Y&lt;/span&gt; site&lt;/strong&gt;&lt;/a&gt;
&lt;/p&gt;
</code></pre>
