Find control in Edit Form Template for Jquery popup.

See more:

C#

VB

ASP.NET

Javascript

jQuery

Hey guys im just wondering if you could help me. I am trying to access a control (image button) inside an EditFormTemplate. I wast to display a popup when the user presses this button. No matter what I try I cant seem to get it to find the control. The code works fine when I try access a different control on the form so I know it's not the javascript. Here's my code.

$(document).ready(function() {

        $('#btnUpdate').click(function(e) {       // Button which will activate our modal
           $('#modal').reveal({               // The item which will be opened with reveal
               animation: 'fade',             // fade, fadeAndPop, none
               animationspeed: 200,           // how fast animtions are
               closeonbackgroundclick: true,  // if you click background will modal close?
               dismissmodalclass: 'close'     // the class of a button or element that will close an open modal
           });
           return false;
       });
   });

And my aspx page

<pre lang="HTML">
<asp:ImageButton ID="btnUpdate" ImageUrl="~/Images/GridItemUpdate.gif" runat="server" CommandName="Update" ToolTip="Save Record">
                                                                </asp:ImageButton>

If anyone can help i'd be truly greatful, thanks guys