display text box content to a div using jqueryLearning Curve- Perfect Tutorial for the beginers | Learning Curve- Perfect Tutorial for the beginers

Displaying a textbox content using keypress or click using jquery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('input[name="mybutton"]').click(function(){
     var textal    = $("#mybox").val(); 
	 $("#mydiv").append(textal+'<br/>');
  });


    $('#my_textbox').keypress(function (click_event) {
 var key = click_event.which;
 if(key == 13)  
  {
    $('input[name=mybutton]').click();
    return false;  
  }
});
  

});
</script>
</head>
<body>
<div id="mydiv"></div>
<input type="text" id="my_textbox">
<input type="button" name="mybutton" id="mybutton" value="Click" >
</body>
</html>

<!DOCTYPE html>

<html>

<head>

$(document).ready(function(){

$('input[name="mybutton"]').click(function(){

var textal = $("#mybox").val();

$("#mydiv").append(textal+'<br/>');

});

$('#my_textbox').keypress(function (click_event) {

var key = click_event.which;

if(key == 13)

{

$('input[name=mybutton]').click();

return false;

}

});

</script>

</head>

<body>

</body>

</html>