How can I make the cell editable and updateable in Jquery
===

          
Here's my code and I want to make the Quantity column editable and what the user give the new value than it will be update in the table.

             $('#display').click(function(){
                //Get the user input
                for(i=0; i<6; i++)
                {
               
                if(document.getElementById(myData[i]).value !=0)
                {
                var nameInput = document.getElementById(myData[i]).name;

                var Quan = document.getElementById(myData[i]).value;
                var Price=document.getElementById(myPrice[i]).value;
                var Amount=Price*Quan;
                //Create a new row with an ID
                var newRow = $('<tr />').attr('id', 'row' + rowNumber);
                //Add some HTML to the row



                newRow.html('<td>' + nameInput + '</td><td>' + Quan + '</td><td>' + Price + '</td><td>' + Amount + '</td>');

                //Append the new row to the body of the #myTable table
                $('#myTable tbody').append(newRow);

           
            
                //Iterate row number
                rowNumber++;

                }
                }
            });
        });
		</script>

Here's my code and I want to make the Quantity column editable and what the user give the new value than it will be update in the table.