title: Semantic UI modal updated settings not triggered on 'hide'
body: <p>I can correctly create a semantic-ui modal element and change the default settings for <code>transition</code> and <code>duration</code> on page load.  But when I try to modify these settings to hide the modal through <code>onApprove</code>, it still uses the same settings that were used with the initial show.  Here's the relevant JS:</p>
  
  <pre><code>$(document).ready(function() {
    $('#test').modal({
      transition: 'horizontal flip',
      duration: 2000,
      onApprove: function() {
        $('#test').modal({
          transition: 'fade',
          duration: 10000
        }).modal('hide');
      }
    }).modal('show');
  });
  </code></pre>
  
  <p>Here is a <a href="https://jsfiddle.net/zfjsmn59/" rel="nofollow" title="JSFiddle">JSFiddle</a> that demonstrates the issue.  Clicking the 'OK' button should trigger a fade lasting 10 seconds.  The strange thing is I can put a breakpoint in the code after triggering the <code>onApprove</code> and see that the settings did indeed get updated to correct values (eg. in semantic.js, line 9001) and the transition runs correctly when I hit 'resume' (Chrome 51.0.2704.103, Windows).</p>
  
  <p>Not sure what I'm doing wrong here ...</p>