title: How can I apply a dynamic mask in an dynamic form?
body: <p>I have a problem with my dynamic form. This input is:</p>
  
  <pre><code>&lt;input type="text" class="form-control" placeholder="EX: (XX)-XXXX-XXXX" name="phone[]" id="phone"&gt;
  </code></pre>
  
  <p>This input have a mask</p>
  
  <pre><code>$('#phone').mask('(00)-0000-00000');
  </code></pre>
  
  <p>Everything works fine, but when I add a button who append a new input after the first the .mask filter doesn't work to the new .
  How can I apply a dynamic mask in an dynamic form?</p>
  
  <p>The .append function is:</p>
  
  <pre><code>$('#plusPhone').click(function(){
     $('#appendPhone').append("&lt;div class=\"row\"&gt;&lt;div class=\"col-md-6\"&gt;&lt;div class=\"form-group\"&gt;&lt;label class=\"control-label col-md-3\"&gt;Phone&lt;/label&gt;&lt;div class=\"col-md-9\"&gt;&lt;input type=\"text\" class=\"form-control\" placeholder=\"EX: (XX)-XXXX-XXXX\" name=\"phone[]\" id=\"phone\"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;");   });
  </code></pre>