title: destroying fgelinas jquery-ui-timepicker
body: <p>I am using <a href="https://fgelinas.com/code/timepicker/" rel="nofollow">this time picker.</a></p>
  
  <p>Problem is, when I navigate to another page while the time picker is shown, it will still be shown on the next screen when it loads. How do I destroy the timepicker?</p>
  
  <p>Have tried the below but to no avail.</p>
  
  <pre><code>tp.timepicker('destroy');
  tp.timepicker('remove');
  tp = null;
  </code></pre>