title: jQuery alternative equal to "firstChild.nodeValue"
body: <p>I've been struggling to find a jQuery alternative that does exactly the same as:</p>
  
  <pre><code>document.getElementById("element").firstChild.nodeValue = value;
  </code></pre>
  
  <p>Here's the relevant html structure:</p>
  
  <pre><code>&lt;div id="clock"&gt;
      &lt;div id="day"&gt;
      &lt;/div&gt;
      &lt;div id="date"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For "day" and "date" I can just use <code>$("#day").text(day)</code> and <code>$("#date").text(date)</code> but as soon as I use <code>$("#clock").text(clock)</code> for "clock", the "day" and "date" disappear and only the "clock" element is shown.</p>
  
  <p>Of course, "clock" is a parent element of the other two so maybe it 'overrides' the children elements if I use the jQuery code. Strangely, using pseudo elements like <code>:first-child</code> or <code>:first</code> doesn't help.</p>
  
  <p>Happy to hear a solution! Thanks.</p>