change the value of the input element

Question

Hi, the following code is costing me a lot of precious time, can anybody help me on this??

<div id="i">
    <input id="Text1" type="text" value="hello" onClick="hello();"/>
</div>

<script>
    function hello() {
        var x = $("#i").html();
        var y = $(x).val();
        alert(y);
    }
</script>

in the case above the word "hello" is alerted each and every time, what if i want to alert the user input??? i.e. how do i change the "value" attribute of the input field???? thanks a trillion

Answer 1

maybe

function hello(){
    alert($("#Text1").val());//text that user has inputted
    $("#Text1").val('new text');//set new text for input element
}

Answer 2

$("#Text1").click(
    function(){
        val = $(this).val(); // get the value of the input
        $(this).val('the new input value'); // set the value of the input
    }
);

Does that make sense?