Iframe design mode - HTML editor

See more:

ASP.NET

Javascript

HTML

jQuery

Hi,

I am using Ifrmae in design mode and adding a span tag dynamically. So after adding the span i want o move my "Cursor" inside the span. so after inserting the span typed text will be inside the span.
How to do it using Java script or jquery.

//Before inserting span tag.
<p>This is test </p>

//After inserting span tag.
<p>This is test </p>
<span style="background-color: #fafad2;"></span>//cursor have to be inside the span.
//So after inserting the span tag if we type some thing it will insert like below.
<p>This is test </p>
<span style="background-color: #fafad2;"> inserted test</span>

quick reply please. :(