title: Semantic UI - Why no message inside a Form?
body: <p>I'm using <code>Semantic-UI</code> and I was trying to add a warning <code>message</code> to my <code>Form</code>, like this:</p>
  
  <pre><code>&lt;form&gt;
      ...stuff...
      &lt;div class="ui warning message"&gt;
          &lt;div class="header"&gt;
              Title of the message
          &lt;/div&gt;
          Text of the message
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>But for some reason it wasn't showing up at all on the page.
  Only after I found out that it's because SemanticUI's own internal CSS rules explicitly hide messages inside forms. From <code>semantic.min.css</code>:</p>
  
  <pre><code>.ui.form .error.message, .ui.form .success.message, .ui.form .warning.message {
      display: none;
  }
  </code></pre>
  
  <p>Why is this? Can I override it? Is there a reason why I shouldn't?</p>