jQuery simple - ocultar cuadro de texto

Question

Soy jQuery nuevo, jugando con él. Me gustaría un cuadro de texto cuando hago clic en el botón, pero no funciona de esa manera.

<input type=text id=txt></input> 
<input type=button id=btn value="Click Me"></input> 

$document.ready(function() { 
    $("input#btn").click(function() { 
     $("input#txt").hide(); 
    }); 
}); 

Answer 1

$(document).ready(function(){  
    $("input#btn").click(function(){ 
     $("input#txt").hide(); 
    }); 
}); 

perdió la () alrededor document puede utilizar el atajo también les gusta

$(function(){ 

//your code here 

}); 

Answer 2

No hay tal cosa como $document.ready(

trate de hacer $(document).ready(

Answer 3

primer todo lo que tiene que poner "" alrededor de su html el ementos. Después de eso, puede solucionarlo de la siguiente manera:

<input type="text" id="txt" /> 
<input type="button" id="btn" value="Click Me" onclick="$('#txt').hide()"/>