title: TinyMCE 4 insertContent(); not behaving correctly
body: <p>I got a TinyMCE editor instance running. And </p>
  
  <pre><code>tinyMCE.activeEditor.insertContent('&lt;div class="row"&gt;&lt;div class="col-md-6"&gt;&lt;/div&gt;&lt;div class="col-md-6"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="col-md-12"&gt;&lt;/div&gt;&lt;/div&gt;');
  </code></pre>
  
  <p>This should generate : </p>
  
  <pre><code>&lt;div class="row"&gt;&lt;div class="col-md-6"&gt;&lt;/div&gt;&lt;div class="col-md-6"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="row"&gt;&lt;div class="col-md-12"&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But instead of that it is generating:</p>
  
  <pre><code>&lt;div class="row"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div class="row"&gt;&amp;nbsp;&lt;/div&gt;
  </code></pre>
  
  <p>When I am doing it step by step :</p>
  
  <pre><code>tinyMCE.activeEditor.insertContent('&lt;div class="row"&gt;&amp;nbsp;');
  tinyMCE.activeEditor.insertContent('&lt;div class="col-md-6"&gt;&amp;nbsp;&lt;/div&gt;');
  tinyMCE.activeEditor.insertContent('&lt;div class="col-md-6"&gt;&amp;nbsp;&lt;/div&gt;');
  tinyMCE.activeEditor.insertContent('&amp;nbsp;&lt;/div&gt;');
  tinyMCE.activeEditor.insertContent('&lt;div class="col-md-12"&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;');
  </code></pre>
  
  <p>It gets me an even more curious result</p>
  
  <pre><code>&lt;div class="row"&gt;&amp;nbsp;
  &lt;div class="col-md-6"&gt;&amp;nbsp;
  &lt;div class="col-md-6"&gt;&amp;nbsp;&amp;nbsp;
  &lt;div class="col-md-12"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What am I missing??? Should I use another tag instead of <strong>insertContent</strong>?</p>
  
  <p>Trying inyMCE.execCommand also does not work.</p>
  
  <pre><code>tinyMCE.execCommand('mceInsertContent',false,'&lt;div class=row&gt;&lt;div class=col-md-6&gt;&lt;/div&gt;&lt;div class=col-md-6&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=row&gt;&lt;div class=col-md-12&gt;&lt;/div&gt;&lt;/div&gt;');
  </code></pre>