title: Jquery: append element inside tag and before another one
body: <p>Let's say I have this HTML</p>
  
  <pre><code>&lt;div id="cpu-temperature"&gt;
      &lt;p&gt;&lt;span class="degrees"&gt; °C&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would insert via Jquery the degree <strong>inside</strong> the P and <strong>before</strong> the span.</p>
  
  <p>Of sure, I could (as now) write the span via jquery, but I would elaborate from the script only the "raw" number and not the html.</p>
  
  <p>In fact current code is:</p>
  
  <pre><code>$('div#cpu-temperature p').html(cpu_temperature+'&lt;span class="degrees"&gt; °C&lt;/span&gt;');
  </code></pre>
  
  <p>Of course I need to beware also for the problem of "append". The temperature logged every 5 second, so a simple "append" flush the page after some time...</p>