title: What am I missing in Masked Input Plugin (jquery) to function, for a phone number validation?
body: <p>I had this working in prototype.js but it conflicted with a few script files. This is how I set it up in the new script using <a href="http://digitalbush.com/projects/masked-input-plugin/" rel="nofollow">http://digitalbush.com/projects/masked-input-plugin/</a></p>
  
  <pre><code>&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="jquery.maskedinput.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" language="javascript"&gt;
  
    jQuery(function($){
    $("#phone").mask("(999)999-9999");
    $.mask.definitions['~']='[+-]';
    $("#eyescript").mask("~9.99 ~9.99 999");
    });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>This is obviously missing something based on my script in prototype.js, here is an example I had to remove. </p>
  
  <pre><code>&lt;script type="text/javascript" src="/media/system/js/prototype.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/media/system/js/prototype.maskedinput.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  Event.observe(window, 'load', function() {
  
      new MaskedInput('#phone', '(999)999-9999');
  
      new MaskedInput('#eyescript', '~9.99 ~9.99 999', {
          completed: function(){
              alert("You typed the following: " + this.getValue());
          }
      });
  
      MaskedInput.definitions['~']='[+-]';
  
      new MaskedInput('#eyescript2', '~9.99 ~9.99 999', {
          completed: function(){
              alert("You typed the following: " + this.getValue());
          }
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Like I said, this script did work but gave me conflicts with too many thing (mootools/jquery) so I want to make the jquery version work for this action instead and see if it resolves the issue.</p>