title: Prevent a Semantic-UI Modal modal from closing via the close icon
body: <p>I am able to prevent a modal being closed as per the <a href="http://semantic-ui.com/modules/modal.html#forcing-a-choice" rel="nofollow">example in the docs</a> by setting <code>closable: false</code>. But if I include a close icon in my html then this is not picked up as a deny action and goes ahead and closes the modal, no matter what.</p>
  
  <p><a href="http://jsfiddle.net/b1sf6oxu/1/" rel="nofollow">jsfiddle</a></p>
  
  <p>I presume that this is because the <a href="http://semantic-ui.com/modules/modal.html#settings" rel="nofollow">DOM Settings</a> for a modal look like this:</p>
  
  <pre><code>selector    : {
    close    : '.close, .actions .button',
    approve  : '.actions .positive, .actions .approve, .actions .ok',
    deny     : '.actions .negative, .actions .deny, .actions .cancel'
  },
  </code></pre>
  
  <p>You can see that <code>.close</code> is not in the deny selector.</p>
  
  <p>So how can I have the <code>.close</code> icon fire the onDeny callback? (Note. I tried wrapping <code>.close.icon</code> in an <code>.actions</code> class but this breaks the modal.)</p>