title: JQuery Masked Input plugin not working for an area code
body: <p>I'm working with JQuery Masked Input plugin. I have a mask for an area code which simply inserts parenthesis at the beginning and at the end of 3 digits like: (123). When my area code input field has a 3 digit value, the plugin inserts the left parenthesis but not the right one. I would expect it to insert both parenthesis or none of them. If you type anything in the textbox, it automatically fills the right parenthesis. Here is an example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(){
   
    $('#areacode').mask('(000)', { placeholder: '(___)'});
  
  
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"&gt;&lt;/script&gt;
  
  &lt;input type="text" id="areacode"  value = "123"/&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Could anybody let me know the source of this behavior?</p>
  
  <p>Thanks!</p>