title: Jquery Countdown on finish Callback
body: <p>This plugin will show real time countdown which will show on the webpage.</p>
  
  <p>I read documentation <strong>on.finish callback</strong> on the <strong>Official website</strong>.</p>
  
  <p>What I try to do is that if the timer <strong>finish counting</strong>, it will <strong>hide</strong> span#limit.</p>
  
  <p><strong>This is the link:</strong></p>
  
  <p><a href="http://hilios.github.io/jQuery.countdown/documentation.html" rel="nofollow">http://hilios.github.io/jQuery.countdown/documentation.html</a></p>
  
  <p><strong>This is my Code :</strong></p>
  
  <p><strong>HTML :</strong></p>
  
  <pre><code>&lt;span id="limit"&gt;
      &lt;input type="hidden" name="limit" value="&lt;?php echo $dataproduct['limit']; ?&gt;" /&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><strong>jQuery :</strong></p>
  
  <pre><code>var data = $("input[name=limit]").val();
  
      $("#limit").countdown(data, function(event) {
      $(this).text(event.strftime('%D days %H:%M:%S'));
         .on('finish.countdown', function() {
             $(this).hide();
         )};
      });
  </code></pre>
  
  <p>it will show countdown like this on the webpage :</p>
  
  <p><strong>01 days 19:40:00</strong></p>
  
  <p>until </p>
  
  <p><strong>00 days 00:00:00</strong></p>
  
  <p>The problem was this span <strong>did not hide</strong> just like I try to do. </p>
  
  <p>What's wrong with my code? Callback? Wrong syntax?</p>