title: Glyphicon on dynamic button
body: <p>I'm trying to add a glyphicon to my dynamically created button in my javascript file.
  I can add it in the actual html file but I can't figure out how to add it from javascript</p>
  
  <pre><code>function createRemoveIcon(){
      var icon = document.createElement("span");
  
      icon.className ="glyphicon glyphicon-remove-circle";
  
      alert("test" + icon);
  }
  </code></pre>
  
  <p>Or this is how I was originally trying to create it </p>
  
  <pre><code>function createRemoveRowButton(attendeeArrayIndex) {
      var removeIcon = document.getElementById("removeIcon");
  
      var removeRowButton = document.createElement("BUTTON");
      var icon = document.createTextNode(removeIcon);
      removeRowButton.appendChild(icon);
      removeRowButton.onclick = function() {
          deleteRow(attendeeArrayIndex);
      };
      return removeRowButton;
  }
  </code></pre>