私は JQuery を初めて使用し、ダイアログ フォームを表示するコードが機能していません。
JFiddle - > http://jsfiddle.net/MzA4q/9/
<body>
<div id="dialog-form" title="Add New Reference Status">
<p class="validateTips">Enter Reference Status not found in the list box.</p>
<form>
<fieldset>
<label for="refStatus">Reference Status</label>
<input type="text" name="refStatus" id="refStatus" class="text ui-widget-content ui-corner-all" />
</fieldset>
</form>
</div>
<div>
<form id="mySubmitForm">
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<div id="referenceStatus-contain" class="ui-widget">
<h1>Existing Reference Statuses:</h1>
<table id="data-table">
<tbody>
<tr>
<td>
<select id="ReferenceStausBean_1_TransStatus" class="ui-widget ui-widget-content">
<option value="X">PQR</option>
</select>
</td>
<td>
<select id="ReferenceStausBean_1_ReferenceStatus" class="ui-widget ui-widget-content">
<option value="X">X</option>
</select>
<button class="add-RefStatus">Add Non-Existing Reference Status</button>
</td>
</tr>
<tr>
<td>
<select id="ReferenceStausBean_2_TransStatus" class="ui-widget ui-widget-content">
<option value="X">PQR</option>
</select>
</td>
<td>
<select id="ReferenceStausBean_2_ReferenceStatus" class="ui-widget ui-widget-content">
<option value="X">X</option>
</select>
<button class="add-RefStatus">Add Non-Existing Reference Status</button>
</td>
</tr>
<tr>
<td>
<select id="ReferenceStausBean_3_TransStatus" class="ui-widget ui-widget-content">
<option value="X">PQR</option>
</select>
</td>
<td>
<select id="ReferenceStausBean_3_ReferenceStatus" class="ui-widget ui-widget-content">
<option value="X">X</option>
</select>
<button class="add-RefStatus">Add Non-Existing Reference Status</button>
</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
</body>
ダイアログフォームが表示されません。IE9、Firefox、およびChromeでこれを試しました。
助けてください。