title: Sweet Alerts is display UTF-8 Chars wrong
body: <p>I don't know what is wrong, I have this JavaScript function:</p>
  
  <pre><code>&lt;script charset="utf-8" type="text/javascript"&gt;
  $(document).ready(function(){
      //initialize the javascript
      App.init();
      @if(Session::has('message'))
      var msg = '{{ Session::get('message') }}';
      console.log(msg);
      swal({
          title: "",
          text: 'compa&amp;ntilde;ia',
          type: "warning",
          confirmButtonText: "Ok!",
          closeOnConfirm: false
      });
      $(window).bind("load", function() {
          $.gritter.add({
              title: 'Atencion',
              text: 'compa&amp;ntilde;ia',
              image: '{{ asset('images/clipboard_icon.png') }}',
              class_name: 'danger',
              time: ''
          });
          return false;
      });
      @endif
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The problem is that sweet alerts doesn't display: <code>'compañia'</code> it displays <code>'compa&amp;ntilde;ia'</code> but the gritter message is correctly displaying the word. (See picture)
  <a href="https://i.stack.imgur.com/7neBA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7neBA.png" alt="enter image description here"></a></p>
  
  <p>As you can see the red gritter correctly displays the word, but the sweet alert doesn't,</p>
  
  <p>The file is UTF-8 encoded, so is the meta and the script also just in case, and before you ask why I put <code>'compa&amp;ntilde;ia'</code> its part of a larger message that is send by Laravel on the session and retrieved by the view in that format.</p>
  
  <p>Anyway my real question is why does the gritted display the word fine and how can I fix it so it works also on sweet alert.</p>