jQuery dialog scripts for input val

Answer 1

Put your jQuery code into $(document).ready(function () {...your code...}). This will make it executed after browser creates DOM tree for your page. Otherwise javascript is not able to search/manipulate DOM elements correctly. It will look as following:

$(document).ready(function () {
    $('.testbutton').click(function() { 
          $('#test').val("haha");
    });
});

Update:

If your HTML code is loaded dynamically, then use live to bind event handler:

$(document).ready(function () {
    $('.testbutton').live("click", function() { 
          $('#test').val("haha");
    });
});

Answer 2

I guess you should wrap your code inside of a $(function() { //code here }); to make sure your code is run only when your DOM is ready.

Answer 3

The problem ended up being the # in test. For some reason the replacement works with a class identifier instead of a id identifier. I suppose it's because the # will replace only one instance, and for some reason that I have yet to discover, there is more than one instance of the dialog (or a hidden one).

Thanks for all your suggestions!