title: Masking a social security number input
body: <p>For a web application I'm building privacy is very important and so is the format users input their data.</p>
  
  <p>To help with this I have inserted a jquery library that will help mask the fields <a href="http://igorescobar.github.io/jQuery-Mask-Plugin/" rel="noreferrer">http://igorescobar.github.io/jQuery-Mask-Plugin/</a></p>
  
  <p>However, I seem to be having trouble masking social security numbers. For instance, the format is coming through nicely 567-78-7890, but I can't seem to figure out how to mask or hide those first four numbers... like <strong>*-</strong>-7890.</p>
  
  <p>My html is just an input field</p>
  
  <pre><code>&lt;input class='social' /&gt;
  </code></pre>
  
  <p>and with this plugin I have tried masking it as</p>
  
  <pre><code>$('.social').mask('000-00-0000');
  </code></pre>
  
  <p>This is just providing formatting</p>
  
  <pre><code>$('.newsocial').mask('xxx-xx-0000');
  </code></pre>
  
  <p>This will just replace the numbers they have entered with x's.</p>
  
  <p>I have also set up a jsFiddle to help
  <a href="http://jsfiddle.net/w2sccqwy/1/" rel="noreferrer">http://jsfiddle.net/w2sccqwy/1/</a></p>
  
  <p>Any help would be wonderful!</p>
  
  <p>P.S. I cannot use a password field because the last four numbers have to be shown to the user and I cannot have more than one field. This is a company requirement. I cannot change a company requirement as much as I want to.</p>