title: Need help about a function
body: <p>I am new at Javascript and jQuery. I need help with something like:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(window).load(function(){
          $('#createDiv').click(function (){
              $("&lt;div/&gt;").html("&lt;span id='myInstance2' style='display: block;'&gt;New Folder&lt;/span&gt;").css("display", "none").appendTo("#results").fadeIn();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have this function to click and create a new <code>&lt;span&gt;</code> tag with a text. You can see I have an ID <code>myInstance2</code>. So what I am trying to do is when I click and the span is created, I would like to make this span live-editable. Like I can rename this "New folder" into whatever I want.</p>
  
  <p>If anyone can help it would be great. Thanks in advance and sorry for my bad English :)</p>