title: JQuery - How to add a single html tag to some html?
body: <p>I want to insert just a single <em>&lt;span&gt;</em> before the text below (right before LINK): </p>
  
  <pre><code>&lt;li&gt;&lt;a href=""&gt;LINK&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>So, the above becomes</p>
  
  <pre><code>&lt;li&gt;&lt;a href=""&gt;&lt;span&gt;LINK&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p><strong>Here is my JQuery Code:</strong> </p>
  
  <pre><code>$('#mainnav li a').prepend('&lt;span&gt;');
  </code></pre>
  
  <p>When I view the code in firebug after, I see <code>&lt;span&gt;&lt;/span&gt;</code>, how do I just get the opening span tag and not the closing tag?</p>