title: bootstrap form helper phone wont work in ajax data
body: <p>My Bootstrap phone form helper is working fine but when I try to add more textboxes using jQuery/javascript it does not work.</p>
  
  <p>Working with normal form:</p>
  
  <pre><code>&lt;div class="n_g_p_pop" id="mainprice"&gt;
      &lt;label&gt; 
          &lt;span id="base_rental"&gt;Base rental rate&lt;/span&gt; 
          &lt;i class="gn_icon8" title="Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo."&gt;&lt;/i&gt;
      &lt;/label&gt;
      &lt;input type="text" value="" placeholder="$" id="base_rental_rate" class="bfh-phone" data-format="$dddd"/&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>on add more button click (Bootstrap phone form not working)</p>
  
  <pre><code>var id = 101;
  function add_extra()  {
      var data = '&lt;div id="new_element_' + id + '" class="month_int_b"&gt;&lt;div class="gn_b_1"&gt; &lt;i class="gn_icon12"&gt;&lt;/i&gt;&lt;div class="gn_b_1_i"&gt;&lt;input type="text" value="" placeholder="$" class="bfh-phone" data-format="$dddd" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="gn_b_1"&gt; &lt;i class="gn_icon12"&gt;&lt;/i&gt;&lt;div class="gn_b_1_i"&gt;&lt;input type="text" value="" placeholder="$" class="bfh-phone" data-format="$dddd"/&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="gn_ad_m1"&gt;&lt;a href="javascript:void(0);" onclick="remove_extra(' + id + ')"&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="clear"&gt;&lt;/div&gt;&lt;/div&gt;';
      id++;
      $('#add_new_element').append(data);
  }
  </code></pre>
  
  <p>Thanks </p>