title: jquery mobile input masking not working
body: <p>I am trying to mask SSN input using jquery mask plugin, however it doesn't seem to play well with jquery mobile. The code is <a href="http://jsfiddle.net/YKUba/" rel="nofollow">here</a>. Appreciate any help. </p>
  
  <p>If this doesnt work, what are the alternatives?</p>
  
  <p>Also copied the code for reference below:</p>
  
  <p>Scripts: </p>
  
  <pre><code>jquery.mobile-1.0.1.min.css
  jquery-1.6.4.min.js 
  jquery.mobile-1.0.1.min.js
  
  $("#ssnprimary").mask("999-99-9999");
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;div data-role="page" id="mainpage"&gt;
      &lt;div data-role="header"&gt;
        &lt;h1&gt; My Test &lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;
        &lt;div class="content-primary"&gt;
          &lt;form id="fmain" data-ajax="false"&gt;
            &lt;!-- Primary SSN --&gt;
  
            &lt;div data-role="none"&gt;
              &lt;label for="ssnprimary"&gt;SSN:&lt;/label&gt; 
              &lt;input type="tel" name="ssnprimary" id="ssnprimary" value="" /&gt;
            &lt;/div&gt;
            &lt;/form&gt;
           &lt;br /&gt;
         &lt;/div&gt;&lt;!-- /content --&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
  
      &lt;div data-role="footer"
        data-theme="d"&gt;&lt;/div&gt;&lt;!-- /footer --&gt;
    &lt;/div&gt;&lt;!-- /page one --&gt;
  </code></pre>