title: eModal load javascript in bootstrap 3 but not working in bootstrap 4
body: <p>I am using <a href="https://github.com/saribe/eModal" rel="nofollow noreferrer">eModal</a> plugin in my codeigniter project to show modal with ajax<BR>
  the problem is when the modal is showing the Javascript/jQuery inside is not loaded<br>
  the javascript loaded only if i reopen the modal for second time,<br>
  i know i can put the javascript code on the ajax callback but i did not intended to do that<br>
  this code previously is working in bootstrap 3.3.7 but does not work in bootstrap v4.3.1</p>
  <p>show modal function :</p>
  <pre><code>    eModal.ajax({
          title: 'Edit Variant',
          url: &quot;localhost/kb_admin/product/input_variant&quot;
      });
  </code></pre>
  <p>modal views (inside modal)
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>alert('script loaded');
  $('#form-input-variant').submit(function(){
      alert('form submitted');
      e.preventDefault();
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="table"&gt;
          &lt;form autocomplete="off" id="form-input-variant" method="post"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;th scope="row"&gt;Color&lt;/th&gt;
                      &lt;td class="text-left"&gt;: WHITE&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;th scope="row"&gt;Size&lt;/th&gt;
                      &lt;td class="text-left"&gt;: L&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;th scope="row"&gt;Price&lt;/th&gt;
                      &lt;td class="text-left"&gt;
                          &lt;input id="price_variant" name="price_variant" type="text" class="number-format form-control" maxlength="8" placeholder="Enter Price" value="0"&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;th class="text-center" scope="row" colspan="2"&gt;
                          &lt;button type="submit" class="btn btn-primary btn-sm" data-style="expand-right"&gt; Save &lt;/button&gt;
                      &lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/form&gt;
      &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>jquery: v3.31<br>
  bootsrap: v4.3.1<br>
  eModal: v1.2.67</p>