title: JQuery FlipTimer Start/Stop on click
body: <p>First of all the timer works on double click, but I want it to work on single click. Secondly, the stop button doesn't work. </p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>var clock;      
  $(document).ready(function() {          
      clock = $('.clock').FlipClock({
          clockFace: 'MinuteCounter',
          autoStart: false    
      });        
      $('#start').click(function(e){
          e.preventDefault();
          clock.start();
          $(this).attr('id', 'stop');
          $('#stop').html('Stop');
      });
      $('#stop').click(function(e){
          e.preventDefault();
          clock.stop();
          $(this).attr('id', 'start');
          $('#start').html('Start');
      });
  });
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="col-md-8 center-block clock" &gt;&lt;/div&gt;
  &lt;button id="start" class="btn-default center-block"&gt;Start&lt;/button&gt;
  </code></pre>