jQuery get form value

by bvotcode

HTML

<div class='left'>
    <p>Name:<br/><input type='text' id='xyz' name='name' /></p>
    <p>Password:<br/><input type='password' id='password' name='password' /></p>
    <p>Content:<br/><textarea id='content' name='content'></textarea></p>
    <p><input type='submit' id='submit-button' /></p>
</div>
<div class='right'>
    <div id='result'></div>
</div>

CSS

.left {
    width: 40%;
    float: left;
}
.right {
    width: 55%;
    float: right;
}

JavaScript

$('#submit-button').click(function(){
    var mlk = $('#xyz').val();
    var password = $('#password').val();
    var content = $('#content').val();
   
    $('#result').empty();
    $('#result').append(mlk);
    
    $('#result').append('<p>Password: ' + password + '</p>');
    $('#result').append('<p>Content: ' + content + '</p>');
});
 var inputValue = document.getElementById("password").value;
 $('#result').append(inputValue);