Form fields not working in sortable div [UI = Ver1.10]

Hi JUI Team,

Am creating an dragable form fields design for generating custom forms.

But there some problem, when i create a form field within #sortable div they become inactive fields in Firefox Version 12.0. means you are not able to write text any of fields or you can't click or select any of list-box or check-box fields.

In IE ver 8, they are active but other mouse event double click to select all text in text-box, select text using mouse(dragging) in input box not working.

In Chrome [Version 27.0.1453.94 m] all things going good n no issue.

Here some code:

<script>
$(function() {
	//sortable
	$( "#sortable" ).sortable({
		placeholder: "span-state-highlight",
	});
	$( "#sortable" ).disableSelection();
});
</script>

<div id="sortable">
	<p id="render-new-field">New Fields Bellow:</p>
	<div id='F1' name='F1' class='span-state-default' >
		<strong>Field #Sample</strong> 
		Label:<br>
		<input type='text' name='label' id='label' type='text' /><br>
		Description:<br>
		<textarea type='text' name='desc' id='desc' ></textarea><br>
		Maximum Characters Length:<br>
		<input type='text' name='length' id='length' value='30' type='text' /><br>
		Required: <input name="required" type="checkbox" value='yes' /><br>
	</div>
</div>

Am working with latest J-Query Bundle 1.10.3 (Stable, for jQuery1.6+)

Please help me to achieve this all things working.

Thanks & Regards

Frank