Append text in textarea

Append text in textarea

Dear All

Help me to resolve this

I have two fields 
  1.  input and
  2.  textarea
i want to use this as follow

if some text is entered in name (input) ... say 2/3
on blur
I split this and i want to display  2/ 3  
2 as superscipt divided sign or / sign and 3 as subscript as defined in JQUERY


JQUEY

  1.  $("#name").blur(function () {
  2. var name=  $('#name').val();
  3.  
  4. var substr = name.split('/');

  6. var mstring= "<sup>"+substr[0]+"</sup>"+"/<sub>"+substr[1]+"</sub>";
  7. $('#container').append(mstring);   // displays 2/3  in div whose id is container
  8. $('#detail').append(mstring);   // displayed / (Only slash in textarea whereas i want to display 2/3 )
  9. });

html

  1.   <input name="name" type="text" id="name" value="<?php echo $rows['name']; ?>" size="50" />

  3. <textarea name="detail" cols="50" rows="4" id="detail"><?php echo $rows['detail']; ?></textarea>

  5. <div align="left" id="container" bgcolor="#336699"></div>