JQuery Mobile text area columns

by Omar X

HTML

<div data-role="page">
    <div data-role="content">
        <div data-role="fieldcontain">
            <label for="textarea-1">5 rows:</label>
            <textarea rows="5" name="textarea-11" id="textarea-1" class="foo"></textarea>
            <label for="textarea-2">10 rows:</label>
            <textarea rows="10" name="textarea-12" id="textarea-2" class="foo"></textarea>
            <label for="textarea-3">15 rows:</label>
            <textarea rows="15" name="textarea-13" id="textarea-3" class="foo"></textarea>
        </div>
    </div>
</div>

JavaScript

setTimeout(function () {
    //$('.foo').addClass('bar');
    $('.foo').css({
        'height': 'auto'
    });
}, 100);