JQUERY: hide and show input type="text"

JQUERY: hide and show input type="text"

<select name="oth" id="oth"> 
    <option value="">Please Select</option>
    <option value="1">1</option>
    <option value="2">2</option>
</select> 
<input type="text" id="output" style="display: none"/>

$(document).ready(function(){
$("#oth").change(function() { 
    	$(this).val() == "2" ? $('#output').show() : $('#output').hide();
    });
});


//if want to play with php

<select name="oth" id="oth"> 
    <option value="">Please Select</option>
    <option value="1">1</option>
      <?php 
        if($detail['1'] == '1'){     // $detail['1'] - retrieve data from dB
        echo "<script>$(document).ready(function() { $('#output').show();});</script>";}
      ?>
    <option value="2">2</option>
</select> 
<input type="text" id="output" style="display: none"/>