Trying to lock a custom control, but having problems when more than one of the control in the page
<p>I have a custom control that I load on to a page three times.</p>

<p>The custom control consists of a text box and a custom date picker control.</p>

<p>I am trying to lock the date picker control for all.</p>

<p>I tried the following code in my control.</p>

<pre><code>$(document).ready(function() {
    debugger;
    var mySelector = '#' + $('[id$=\'_SignatureNonPoliceControl\']', $(this)).attr('id');
    $(mySelector.replace('_SignatureNonPoliceControl', '_SignatureDatePicker_DatePickerControl')).BaseControlPlugin(BaseControlMethodsEnum.SetLocked, true);
});
</code></pre>

<p>However this only locks the first one and does it three times.</p>

<p>My controls are set out like this </p>

<pre><code>            &lt;uc8:SignatureCaptureNonPolice ID="DetaineeSignature" runat="server" Caption = "Person's Signature to Comments " RetainValueWhenDisabled="true" /&gt;

            &lt;uc1:GenericDropDownList Caption="Reason For Not Signing " ID="DetaineeReasonNotSignedGenericDropDownList" runat="server" /&gt;

            &lt;uc8:SignatureCaptureNonPolice ID="AppropriateAdultSignature" runat="server" Caption = "Appropriate Adults&lt;br /&gt;Signature to Comments " RetainValueWhenDisabled="true" /&gt;

            &lt;uc8:SignatureCaptureNonPolice ID="InterpreterSignature" runat="server" Caption = "Interpreter's Signature&lt;br /&gt;to Comments " RetainValueWhenDisabled="true" /&gt;
</code></pre>

<p>Do I have to use $(this).  I am quite new to this.</p>

<p>Help!</p>

<p>Thanks</p>

<p>Kev.</p>
