How to set the width of a textarea in jQuery?

Question

I want to set the width of a textarea to match the width of a particular image. Using .width() works for setting the width of an image, but not of a textarea.

$(document).ready(function() {
    var width = $("#my_image").width();
    $("#another_image").width(width); // works
    $("#my_textarea").width(width); // fails
});

How do I set the width of a textarea?

Answer 1

$("#my_textarea").css('width',width);

Also you might want to use .outerWidth() to set var width depending on your padding/margin/border settings

Answer 2

Use jQuery's css method like this:

.css("width", width)

or this, if you plan on setting more attributes:

.css({"width":width})

Answer 3

You could try :

$("#my_textarea").css('width', width);