title: Modal Not Functioning
body: <p>I am trying to add a modal to my website, yet such section is not functioning. The Id and data target have the same name while the scripts are assigned on the bottom side of the body section. What is exactly wrong, please?</p>
  
  <p>Below is the code </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="pricing-btn"&gt;
      &lt;button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"&gt;Click Me&lt;/button&gt;
      &lt;/div&gt;
  
  
      &lt;section id="purchasemodal"&gt;
              &lt;div class="modal fade" id="myModal" role="dialog" aria-labelledby="modalHere" aria-hidden="true"&gt;
                  &lt;div class="modal-dialog"&gt;
                      &lt;div class="modal-content"&gt;
                          &lt;div class="modal-header"&gt;
                              &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;span class="sr-only"&gt;Close&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;
                              &lt;h4 class="modal-title" id="myModalLabel"&gt;&lt;i class="fa fa-envelope"&gt;&lt;/i&gt;Subscribe to Our Mailing List&lt;/h4&gt;
                          &lt;/div&gt;
                          &lt;div class="modal-body"&gt;
                              &lt;p&gt;Simply enter your name and emil! Appriciate visiting my new Website. New notifications will be sent every time.&lt;/p&gt;
                              &lt;form class="form-inline" role="form"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label class="sr-only" for="subscribe-name"&gt;Your First Name&lt;/label&gt;
                                      &lt;input type="text" class="form-control" id="subscribe-name" placeholder="Your First Name"&gt;
                                      &lt;label class="sr-only" for="subscribe-email"&gt;Your Email&lt;/label&gt;
                                      &lt;input type="text" class="form-control" id="subscribe-email" placeholder="Your Email"&gt;
  
                                  &lt;/div&gt;
                                  &lt;input type="submit" class="btn btn-success" value="Submit"&gt;
                              &lt;/form&gt;
                              &lt;hr&gt;
                              &lt;p&gt;&lt;small&gt;By Providing the email your consent to recive occasinal promotional emails &amp;amp; newsletters.&lt;/small&gt;&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  
  
      &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
  
      &lt;!--Bootsrap Javascript--&gt;
      &lt;script src="js/bootstrap/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!--Wow JS--&gt;
      &lt;script src="js/wow/wow.min.js"&gt;&lt;/script&gt;
  
      &lt;!--magnific popup JS--&gt;
      &lt;script src="js/magnific-popup/jquery.magnific-popup.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Owl Carosel JS--&gt;
      &lt;script src="js/owl-carousel/owl.carousel.min.js"&gt;&lt;/script&gt;
  
      &lt;!--Counter--&gt;
      &lt;script src="js/counter/jquery.waypoints.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/counter/jquery.counterup.min.js"&gt;&lt;/script&gt;
  
      &lt;!--Easingr--&gt;
      &lt;script src="js/easing/jquery.easing.1.3.js"&gt;&lt;/script&gt;
  
      &lt;!--JS Script--&gt;
      &lt;script src="js/custom.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>