title: bootpag - Not working Basic Example
body: <p>I am trying to use a plugin for dynamic pagination.</p>
  
  <p>The plugin is-</p>
  
  <p><strong><a href="http://botmonster.com/jquery-bootpag/" rel="noreferrer">Bootpag - Dynamic Pagination</a></strong></p>
  
  <p>In the <a href="http://botmonster.com/jquery-bootpag/" rel="noreferrer">Home page of the plugin</a>, I found an example, and I tried to use that as an example and what I have done is like this-</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="//code.jquery.com/jquery-2.1.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="content"&gt;Dynamic Content goes here&lt;/div&gt;
      &lt;div id="page-selection"&gt;Pagination goes here&lt;/div&gt;
      &lt;script&gt;
          // init bootpag
          $('#page-selection').bootpag({
              total: 10
          }).on("page", function(event, /* page number here */ num){
               $("#content").html(num); // Changing div content to dynamic content
          });
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But it is not working.</p>
  
  <p>Can anyone please help?</p>
  
  <p>Thanks in advance for helping.</p>