title: Replace only text contents of html element with jQuery, preserving font awesome i tags
body: <p>Here is the test case:<br>
  <code>&lt;span id='loading' class="pad"&gt; &lt;i class="fa fa-spinner fa-pulse fa-lg fa-fw"&gt;&lt;/i&gt; Loading map... &lt;/span&gt;</code></p>
  
  <p>I am trying to dynamically ( via jQuery ) , change <em>only</em> the "Loading map..." portion of this markup.  I realize I can rebuild the whole inner contents every time , incorporating and replacing <code>&lt;i .... {new message here} ... &lt;/i&gt;</code> but I am curious to know if there is a supported api method for this.  </p>
  
  <p>I thought <em>$('#loading').text('new message')</em> would work but it removes the <code>&lt;i&gt;</code> tag.</p>