JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://cdn.tinymce.com/4/tinymce.min.js"></script>
<ol type="A" id="list">
  <li id="element1">
    <input type="radio" name="optionanswer" id="answer1" value="1">

    <textarea class="ans" name="option1" id="option1" rows="2" cols="3">

    </textarea>

  </li>
</ol>

<button class="btn btn-primary" type="submit" id="addalt"><span class="glyphicon glyphicon-plus"></span> Add Alternative</button>

JavaScript

$(document).ready(function() {

  // function to run tinymce
  function tinym() {
    tinymce.init({
      selector: 'textarea',

      menubar: false,
      statusbar: false,
      toolbar: "charmap",

      plugins: [
        ' charmap'
      ],

      content_css: [
        '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
        '//www.tinymce.com/css/codepen.min.css'
      ]
    });
  }
  tinym();
  $(document).on("click", "#addalt", function() {
    event.preventDefault();
    var ul = document.getElementById("list");

    var li = document.createElement("li");
    var children = ul.children.length + 1
      //li.setAttribute("id", "element"+children)
      //console.log(children);
    var idname = 'answer' + children;
    var textid = 'option' + children;


    $("ol").append("<li> <input type='radio'name='optionanswer' id=" + idname + " />  <textarea  rows='2' cols='3' name=" + textid + " id=" + textid + ">  </textarea>  <a href='javascript:void(0);' class='remove'>&times;</a></li>");
    tinym();

  });

  $(document).on("click", "a.remove", function() {


    tinymce.EditorManager.execCommand('mceRemoveEditor', true, $(this).parent().find('textara').attr('id'));
    $(this).parent().remove();

  });

});