difficulty in making jQUery UI modal dialog with text box

I have an html page with a table with different stats, then I have created a button to save settings - it works with javascript.

I am trying to implement the cool jquery UI dialog  - I get the basic one to work, but I can't get the more complex one that would include a textbox and a yes and no button.

When I use the following format I can get the Basic dialog working:

var dlgFavSave = $("<div></div>")
		.html("My first basic jQuery modal dialog!")
		.dialog({ 
			buttons: { 
				"Yes": function() {
						
						
						$(this).dialog("close");
				}, 
				"No": function() {
						$(this).dialog("close"); 
				} 
			},
			autoOpen: false,
			modal: true,
			title: _dlgFavoriteTitle
		});

	$('#saveFave').click(function() {
		dlgFavSave .dialog('open');
	});

Select all Open in new window

However, if I understand how the UI plugin would work, I thought I could create a Div somewhere on the html page and call it with a selector...for instance

HTML

<div id="dialog-form" title="Save settings" >
	<p>Please enter a name for your file</p>

	<form>
		<label for="name">File Name</label>
		<input type="text" name="name" id="dlgname" class="text ui-widget-content ui-corner-all" />
	</form>
</div>

Select all Open in new window

And then in my javascript

$("#dialog-form").dialog({ 
			buttons: { 
				"Yes": function() {
						
						// just to see if we got the name I put an alert here
						var fNameText = Fname.val();
						alert(fNameText);
						// here I would actually put the code to save the settings with this name
						
						// then close
						$(this).dialog("close");
				}, 
				"No": function() {
						$(this).dialog("close"); 
				} 
			},
			autoOpen: false,
			modal: true,
			title: _dlgFavoriteTitle
		});

	$('#SaveFave').click(function() {
		$("#dialog-form").dialog('open');
	});

Select all Open in new window

But that does not work - nothing pops up.

I need to be able to get input from user - like the prompt in javascript. I know it is possible, but the example on http://ui-dev.jquery.com/demos/dialog/modal-form.html but I can't get it to work.