Enable Disable JQuery Drag-able
<p>Hi all 
I am working on a print form that will enable Admin user Change the lay out of the print form 
so i select JQuery Dragable for the job and its working fine but their is one problem  when 
Enable or Disable the first Element in HTML that is dragable take the Disable Style when Dragable is Disabled the other element keep there original look 
I am using IE 8 .
I run the code on Fierfox and Chrome and the result was that all the Element change their style to disable style. I need the Elemnet to Keep there original Stayl</p>

<p>&lt;%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PrintablePassportDesigner.ascx.cs"
    Inherits="CSPDPassportPrintingPOC.UserControls.PrintablePassportDesigner" %></p>

<p></p>

<pre><code>function EnableDragAndDrop(cBox) {
    $("#divDoB").draggable({ disabled: cBox.checked });
    $("#divNationalNo").draggable({ disabled: cBox.checked });
    $("#divSex").draggable({ disabled: cBox.checked });
    $("#divPlaceOfBirth").draggable({ disabled: cBox.checked });
    $("#divIssueDate").draggable({ disabled: cBox.checked });
    $("#divMotherName").draggable({ disabled: cBox.checked });
    $("#divExpDate").draggable({ disabled: cBox.checked });
    $("#divAuthority").draggable({ disabled: cBox.checked });
   $("#divPassportHolderName").draggable({ disabled: cBox.checked });

}
</code></pre>
