Jquery in IE can't get the whole HTML tag and contents
<p>I have content with <code>&lt;ticker&gt;</code> tags that I want to inject ticker symbols in. The ticker tags in HTML look like:</p>

<pre><code>&lt;ticker symbol="AAPL"&gt;Apple&lt;/ticker&gt;
</code></pre>

<p>The expected result is...</p>

<pre><code>Apple (AAPL)
</code></pre>

<p>So I have jquery code like so...</p>

<pre><code>jQuery.each($("ticker"), function() {
    $(this).replaceWith($(this).text()+" ("+$(this).attr("symbol")+")");
 });
</code></pre>

<p>This works fine in Firefox and Chrome, but in IE I get this:</p>

<pre><code> (AAPL)Apple&lt;/ticker&gt;
</code></pre>

<p>So when IE grabs a <code>$("ticker")</code> element it's only taking the <code>&lt;ticker symbol="AAPL"&gt;</code> tag, not the whole element, and replacing it with the string. Does anyone know what will work for all browsers?</p>
