Set the value of textbox and hidden fields are both not working

Set the value of textbox and hidden fields are both not working

hi guys
this simple script is not working. 

Please help 
Everything works except lines 17 and 18 (even the alert works)

html elements are

<input type="hidden" name="cropx" id="cropx" value="0" />
<input id="Text1" type="text" value="" />

I have also tried replacing html with val e.g    $('#cropx').val(c.x);

thank you
  2.  $(document).ready(function ($) {
  3.         
  4.         $('#Image1').Jcrop({

  6.            
  7.            bgColor: 'red',
  8.             onSelect: function (c) {
  9.                 $("#ehi").click(function () { //This is just a button ID
  10.                    alert(c.x)
  11.                 });
  12.                 bgColor: 'red'
  13.                 console.log(c.x);
  14.                 console.log(c.y);
  15.                 console.log(c.w);
  16.                 console.log(c.h);
  17.                 $('#cropx').html(c.x);
  18.                 $('Text1').html('I am tired');
  19.                alert("Back of the net: Job done - " + c.x);