using the .val attr in jquery
<p>Basically when i type something in the textarea, i can change the font either by inputting a size in a input box with id font_size  or clicking the 64px button, once the font changes and i click done, i appended the value of what's in the textarea to the image in the div with an id image_conv but the problem here is that it doesn't take the formatted value of the text in the textarea to the div, i want the output in the div to be the formatted text value. Does anyone know how i can solve this?
Many thanks in advance.
ps: i uploaded the backgroung image of the text area on image shack so everyone could use it, i don't know if it works though cos i haven't tried it :)</p>

<pre><code> &lt;html&gt;  
&lt;head&gt;
    &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
     function sixty_four() {
        var text_input = $('#textarea');
        text_input.css("font-size", "64px");
       }
     function append_font() {
       var text_input = $('#textarea');
       var font = $('#font_size').val();
        text_input.css("font-size", font + "px");
       }
      function text_manual() { 
      var text_value = $('#textarea').val();
      $('#image_conv').append(text_value);
      $('#image_conv').fadeIn('slow');
      }
    &lt;/script&gt;

    &lt;style type="text/css"&gt;
    #textarea {
    height:300px;
    width:300px;
    resize: none;
    }

    #image_conv {
        background: url(http://imageshack.us/photo/my-images/97/sliverc.png/) no-repeat left top;
        border: 3px solid #000;
        height:300px;
        width:300px;
    }


    &lt;/style&gt;
    &lt;/head&gt;

    &lt;body&gt;

    &lt;textarea id="textarea"&gt; &lt;/textarea&gt;&lt;br/&gt;&lt;br/&gt;
    Font size:&lt;input type="text" id="font_size"/&gt;&lt;input type="button" id="font_size" value="Append Font" onClick="append_font()"/&gt; 
    &lt;input type="button" id="64px" value="64px" onClick="sixty_four()" /&gt;&lt;br/&gt;&lt;br/&gt;
    &lt;input type="button" id="manual_text" value="Done" onClick="text_manual()"/&gt; 
    &lt;div id="image_conv" &gt;
    &lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>
