Using jQuery to reference ASP.NET controls

How to reference asp.net controls by Javascript and Jquery?

Steps:

1.Find out the asp.net control id - <%=[control name].ClientID %>.
2.Reference it using JavaScript getElementById(<%=[control name].ClientID %>) or JQuery by $('#<%=[control name].ClientID %>').

Example:

Make sure you put the jquery reference in the header:
 

ASP.Net:


   
JAVASCRIPT:



JQuery: