JavaScript not showing red cross
<p>Hi guys so i am getting back search results using javascript and i am struggling to make a Red cross appear on the right hand side.</p>

<p>So when the user searchs through my db and the result appears i would like an X to appear to the right of it.So example : </p>

<pre><code>Search result 1              X
</code></pre>

<p>I have made the X in CSS: </p>

<pre><code>    #markx {
        color: Red;
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 2em;
        font-weight: bold;
        text-align: center;
        width: 40px;
        height: 40px;
        border-radius: 5px;
    }
</code></pre>

<p>My code: </p>

<pre><code>         $(".result li").click(function(){
            var text= $(this).text();
            $('.selectedStuff').append('&lt;li&gt;' + text +' (selected)&lt;span id="markx"&gt;&amp;times;&lt;/span&gt;&lt;/li&gt;');

         });
</code></pre>

<p>For some reason those its no appearing like i want it to in javascript. In css its fine, but obviously i want the X to appear alongside every search request that i make so later on the user can cancel that request. </p>