title: jquery meio mask with asp.net textbox
body: <p>I'm trying to use jquery  meio mask with asp.net page.</p>
  
  <p>it is working ok with input text box but I do not know how to use it it with asp.net text box.</p>
  
  <p>when I run my code the html text box is only working.</p>
  
  <p>please advice?</p>
  
  <p><a href="http://www.meiocodigo.com/projects/meiomask/" rel="nofollow noreferrer">http://www.meiocodigo.com/projects/meiomask/</a></p>
  
  <p>here is my code:
  ..........................................</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"&gt;
  
      &lt;script src="../js/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../js/jquery.meio.mask.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript" charset="utf-8"&gt;
          $(document).ready(function() {
              $.mask.masks = $.extend($.mask.masks, {
              htmlPhone: { mask: '(999)999-9999' }
  
              });
              $('input:text').setMask();
          });
  
  
          $(document).ready(function() {
              $.mask.masks = $.extend($.mask.masks, {
                  aspPhone: { mask: '(999)999-9999' }
  
              });
              $('asp:TextBox').setMask();
          });
  
  
      &lt;/script&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"&gt;
  
  
       &lt;p&gt;&lt;label for="phone"&gt;ASP Phone #&lt;/label&gt;&lt;br /&gt;&lt;asp:TextBox ID="aspPhone" runat="server"&gt;&lt;/asp:TextBox&gt;&lt;/p&gt;
  
       &lt;p&gt;&lt;label for="phone"&gt;HTML Phone #&lt;/label&gt;&lt;br /&gt;&lt;input type="text" name="htmlPhone" value="" id="phone" alt="phone" /&gt;&lt;/p&gt;
  
  
  
  
  &lt;/asp:Content&gt;
  </code></pre>