title: create span tag and insert with Jquery
body: <p>I am trying to populate a span tag that i was to insert into my page with jquery.</p>
  
  <p>i tried this  </p>
  
  <pre><code>var span = $('&lt;span /&gt;').attr({'className':'folder_name' , 'text':'favre' });
  var insert=
  $('&lt;div/&gt;', {
      className: "folder",
      html: span
  });
  </code></pre>
  
  <p>which yielded this result. </p>
  
  <pre><code>&lt;div classname="folder"&gt;
  &lt;span classname="folder_name" text="favre"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>then i tried this </p>
  
  <pre><code> var span = $('&lt;span /&gt;').attr({'className':'folder_name', 'html':'Elway' });
  </code></pre>
  
  <p>which yielded this </p>
  
  <pre><code> &lt;div classname="folder"&gt;
   &lt;span classname="folder_name" html="Elway"&gt;&lt;/span&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>what i am trying to get is below</strong></p>
  
  <pre><code> &lt;div classname="folder"&gt;
   &lt;span classname="folder_name" &gt;**Elway**&lt;/span&gt;
   &lt;/div&gt;
  </code></pre>