title: jQuery Flipclock multiple times on a page with the same class name not working
body: <p>I have used <a href="http://flipclockjs.com/" rel="nofollow">jQuery Flipclock Plugin</a> to show flipclock. it is working fine when I have used with a class which is just one time in my page. But when I am trying to use the flip clock for multiple times on a page with the same class name it does not work. You can see the <a href="https://jsfiddle.net/NewUserFiddle/r2sw50n7/2/" rel="nofollow">fiddle link</a> where I have tried to use it multiple times and its not working. So can someone tell me how to use this plugin multiple times on a page with the same class name?</p>
  
  <p>The code for this flipclock looks like this</p>
  
  <pre><code>&lt;div class="clock" style="margin:2em;"&gt;&lt;/div&gt;
      &lt;div class="message"&gt;&lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
          var clock;
  
          $(document).ready(function() {
              var clock;
  
              clock = $('.clock').FlipClock({
                  clockFace: 'DailyCounter',
                  autoStart: false,
                  callbacks: {
                      stop: function() {
                          $('.message').html('The clock has stopped!')
                      }
                  }
              });
  
              clock.setTime(220880);
              clock.setCountdown(true);
              clock.start();
  
          });
      &lt;/script&gt;
  </code></pre>