How to replace text of anchor tag without deleting any inner tags?
<p>How to replace text of anchor tag without deleting any inner tags?</p>

<pre><code>&lt;div class="xyz"&gt;
  &lt;a&gt;Hello &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
&lt;/div&gt;

$('.xyz').click(function(){
  $(this).find('a').text('hello2');  
});    
</code></pre>

<p>JSFiddle : <a href="http://jsfiddle.net/DXR32/" rel="nofollow">http://jsfiddle.net/DXR32/</a></p>

<p>When the blue area is click i'm changing the text within anchor tag , but even the b tag within anchor also goes off.
Anyway to fix this?</p>
