title: russian letters inside javascript script transform into diamonds
body: <p>I create items on the page like this</p>
  
  <pre><code>    var list_item = "";
      if (eventstatus == 'CANCELED') {
           list_item = '&lt;li class="media list-group-item list-group-item-info"  id="tooltip" data-toggle="tooltip" data-placement="right" title="Event canceled! Impossible to enroll!"&gt;';
           tooltipflag = true;
      }
      else list_item = '&lt;li class="media list-group-item list-group-item-info"&gt;';
      list_item += '&lt;a class="pull-left" href="#"&gt;';
      list_item += '&lt;img class="media-object img-thumbnail" src="holder.js/200x120" alt="NO IMAGE"&gt;';
      list_item += "&lt;/a&gt;";
      list_item += '&lt;div class="media-body"&gt;';
      list_item += '&lt;h4 class="media-heading"&gt;';
      if (eventstatus == 'CANCELED') list_item += name + ' &lt;span class="label label-danger"&gt;' + eventstatus + ' &lt;span class="glyphicon glyphicon-warning-sign"&gt;&lt;/span&gt;&lt;/span&gt;';
      else if (eventstatus == 'DRAFT') list_item += name + ' &lt;span class="label label-warning"&gt;' + 'SOON' + ' &lt;span class="glyphicon glyphicon-pencil"&gt;&lt;/span&gt;&lt;/span&gt;';
      else list_item += name + ' &lt;span class="label label-primary"&gt;' + 'NEW' + ' &lt;span class="glyphicon glyphicon-flag"&gt;&lt;/span&gt;&lt;/span&gt;';
      list_item += '&lt;/h4&gt;';
      list_item += '&lt;p&gt;' + description + '&lt;/p&gt;';
      list_item += '&lt;br&gt;';
      list_item += '&lt;div class="form-group pull-right"&gt;';
      list_item += '&lt;button type="submit" class="btn btn-info btn-sm" data-toggle="modal" id="info_button' + i + '" data-target="#info' + i + '" &gt;';
      list_item += '&lt;span class="glyphicon glyphicon-info-sign"&gt;&lt;/span&gt; Просмотреть информацию';
      list_item += '&lt;/button&gt;';
      if (eventstatus == 'CANCELED') list_item += '&lt;button type="submit" class="btn btn-success btn-sm disabled" data-toggle="modal" id="enroll" data-target="#enroll"&gt;';
      else list_item += '&lt;button type="submit" class="btn btn-success btn-sm" data-toggle="modal" data-target="#enroll"&gt;';
      list_item += '&lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt; Записаться';
      list_item += '&lt;/button&gt;';
      list_item += '&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;';
      return list_item;
  </code></pre>
  
  <p>But words <code>Просмотреть информацию</code> &amp; <code>Записаться</code> look like <img src="https://i.stack.imgur.com/G5ehn.png" alt="enter image description here"></p>
  
  <p>But if I write it in <code>html</code> code - not in javascript function - it looks properly.</p>
  
  <p>What is wrong?</p>