title: Special character problem when get data using JavaScript
body: <p>When the name in the database has special character like user.name it will generate this error:</p>
  <pre><code>  Uncaught Error: Syntax error, unrecognized expression: .chat[data-user-id = jquery.min.js:2 user.name]
  </code></pre>
  <p>or has space like &quot;user name&quot;</p>
  <pre><code>Uncaught Error: Syntax error, unrecognized expression: .chat[data-user-id = jquery.min.js:2  user name]
  </code></pre>
  <p>But if the name in the database has not special character like &quot;.&quot; or space it works.</p>
  <p>I use data-user-id to get user</p>
  <pre><code>    $('.app-chat .chat-users').on('click','.chat-user', function(event) {
          var findChat = $(this).attr('data-user-id');
          $('.chat[data-user-id = '+findChat+']').addClass('active-chat');
  }
  </code></pre>