title: jQuery AutoNumeric not formatting multiple fields
body: <p>I've tried a bunch of things and am banging my head against a wall. I can't seem to get the jQuery autonumeric plugin to apply to multiple input fields.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() { 
      $("#numeric").autoNumeric('init', {aSign: '$ '});
    }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>I then use this in a few input fields...</p>
  
  <pre><code>&lt;tr id="row"&gt;
    &lt;td width="5%"&gt;&lt;input id="numeric" type="text" name="price" data-a-sign="$ "&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr id="row"&gt;
    &lt;td width="5%"&gt;&lt;input id="numeric" type="text" name="price" data-a-sign="$ "&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr id="row"&gt;
    &lt;td width="5%"&gt;&lt;input id="numeric" type="text" name="price" data-a-sign="$ "&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>For some reason, the formatting only applies to the first field. So when I type in the first input field, it formats it as I'd like (e.g. $ 12.50). But the next fields simply act as if nothing has changed, and are simply text fields. I've also tried to use arrays in place of the input names after reading another post:</p>
  
  <pre><code>name="price[]"
  </code></pre>
  
  <p>I've also tried different names such as price1, price2, price3 but this didn't work, and also isn't how I'd like them to be named due to dynamic creation of additional items.</p>
  
  <p>Any help/suggestions/thoughts? Thanks in advance.</p>