title: jQuery update html element text without affect the HTML children elements
body: <p>I have a litle problem and I don't know how to fix it.</p>
  
  <p>I have an HTML hierarchy like the one here</p>
  
  <pre><code>&lt;ul id="mylist"&gt;
      &lt;li id="el_01"&gt;
          &lt;div class="title"&gt;
              Title Goes Here
              &lt;span class="openClose"&gt;&lt;/span&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>What I like to do is to modify the "Title Goes Here".</p>
  
  <p>What I have try is :</p>
  
  <pre><code>$('#el_01 title').text('New Title Goes Here');
  </code></pre>
  
  <p>But that also remove the :</p>
  
  <pre><code>&lt;span class="openClose"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Is there a way to update only the "Title Goes Here" without affect the span element ?</p>