How Do I Generate Textbox Only After The Selection Of A Value In Combobox Using Html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>

$(document).ready(function(){
    alert("Hi...");
    $("input").hide();

    $("#s").change(function(){
    if($("#s").val() ==  1){
        $("#1").show();
        $("#2").hide();
        $("#3").hide();
    }else if($("#s").val() ==  2){
        $("#2").show();
        $("#1").hide();
        $("#3").hide();
    }else if($("#s").val() == 3){
        $("#3").show();
        $("#1").hide();
        $("#2").hide();
    }else{
        $("input").hide();
    }
    });
});
</script>

<form>
<select id= "s" name = "s">
<option>1</option>
<option>2</option>
<option>3</option>
</select><br><br>
<input type= "text" id="1" name="1" value="1"/><br><br>
<input type= "text" id="2" name="2" value="2"/>
<input type= "text" id="3" name="3" value="3"/>
</select>
</form>