title: Using JQuery to mask input fields. When I refresh a panel that contains those fields the masking stops working
body: <p>I have several phone number fields that use jquery masking to format the input.  See the code below.  The fields work great until a combo box change above refreshes a panel that contains those fields.  Once the refresh happens my masking stops working.</p>
  
  <p>Any idea why and how to prevent this from happening?</p>
  
  <pre><code>&lt;xp:scriptBlock id="scriptBlock7"&gt;
  &lt;xp:this.value&gt;&lt;![CDATA[
  jQuery(function($){
  x$("#{id:dayPhone1}").mask("(999) 999-9999? x 9999999", {placeholder : " " } );
  x$("#{id:eveningPhone1}").mask("(999) 999-9999? x 9999999", {placeholder : " " } );
  x$("#{id:cellular1}").mask("(999) 999-9999? x 9999999", {placeholder : " " } );
  
  });
  ]]&gt;&lt;/xp:this.value&gt;
  &lt;/xp:scriptBlock&gt;
  </code></pre>