title: Bold a specific text inside a contenteditable div
body: <p>I have this in my contenteditable div. Whenever I type #something, then type space, I would like to bold that word instantly in that div.</p>
  
  <p>E.g. </p>
  
  <p>This is my message. #lol. I would like to bold the hashtag.</p>
  
  <p>Below is the code I have</p>
  
  <pre><code>&lt;div id="message" name="message" contenteditable="true"&gt;&lt;/div&gt;
  
  $('#message').keyup(function(e){
  
    var len = $(this).val().length;
    if ($(this).val().substring(length - 1, 1) == '#') {
  
    }
  
    //detect space
    if(e.keyCode == 32){
  
    }
  });
  </code></pre>
  
  <p>I am using jquery. How do i go about doing so?</p>