title: Add <span> below a <div>
body: <p>I am trying to learn javascript, but I stuck on a very simple problem.
  I tried a lot of things for 3 hours but without success.</p>
  
  <p>I have to insert this span tag below the div "form-control-tag-inner" : </p>
  
  <pre><code>&lt;span class="label label-default"&gt;&lt;span class="text-"&gt;nick&lt;/span&gt;&lt;span class="close close-tag" aria-hidden="true"&gt;×&lt;/span&gt;&lt;input type="hidden" name="participants[nick]" value="nick"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>And the html code :</p>
  
  <pre><code>&lt;div class="form-group" id="receiver"&gt;
      &lt;label for="conv-dest"&gt;Receivers (Max 100)&lt;/label&gt;
      &lt;div class="form-control-tag"&gt;
          &lt;div class="form-control-tag-inner"&gt;
  
          &lt;!--- Here i need to insert span tag --&gt;
  
          &lt;input tabindex="1" type="text" autocomplete="on" class="filtre-tag" id="conv-dest" placeholder="Add"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>