can't return input width() after resizable initialized

can't return input width() after resizable initialized

The width() returns null on an input element after the resizable plugin is initialized. Is this the way it's supposed to happen. I know I can get the size property of the ui object on resize but I don't want/need to track the change in the width for the element; I just want to grab the width later to use.

<div style="width:100%;">
    <div id="wrapper">
           <form>
               <input type="text" name="test"></input>
           </form>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        alert($("form").children("input").width());
        var w = 200;
        var h = 20;
        $("form").children("input").css({width:w+"px",height:h+"px"});
        $("form").children("input").resizable();
        alert($("form").children("input").width());
    });
</script>


















    • Topic Participants

    • mneil