How can I create textbox to a div on selextbox value change in jQuery
<p>Please help me I have some code here:</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Select Example&lt;/title&gt;
        &lt;script type="text/javascript" src="/admin_template/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
        $(document).ready(function(){

            $("#developer").change(onSelectChange);

        });

        function onSelectChange(){
            var selected = $("#developer option:selected");
            var output = "";
            if(selected.val() != 0){
                output = "&lt;input style="width:120px" type="text"  name="other_drcname" value='"+ selected.text()+"'/&gt;";
            }
            $("#output").html(output);
        }
        &lt;/script&gt;
    &lt;/head&gt;

    &lt;body&gt;

        &lt;h3&gt;Developers&lt;/h3&gt;

        &lt;select id="developer"&gt;
            &lt;option value="0"&gt;Select Developer&lt;/option&gt;
            &lt;option value="1"&gt;Todd Sharp&lt;/option&gt;
            &lt;option value="2"&gt;Brian Meloche&lt;/option&gt;
            &lt;option value="3"&gt;Ray Camden&lt;/option&gt;
            &lt;option value="4"&gt;Sean Corfield&lt;/option&gt;

            &lt;option value="5"&gt;Ben Nadel&lt;/option&gt;
            &lt;option value="6"&gt;Mark Drew&lt;/option&gt;
            &lt;option value="7"&gt;Rey Bango&lt;/option&gt;
            &lt;option value="8"&gt;Mark Mandel&lt;/option&gt;
            &lt;option value="9"&gt;Joe Rinehart&lt;/option&gt;
            &lt;option value="10"&gt;Dan Vega&lt;/option&gt;
        &lt;/select&gt;
        &lt;br /&gt;&lt;br /&gt;


        &lt;div id="output"&gt;

        &lt;/div&gt;

    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p><em><strong>I want create textbox in <code>&lt;div id="output"&gt;</code> on selectbox's value change</em></strong></p>
