¿Cómo hago para que mi botón permanezca en la parte inferior del cuadro de texto cada vez que presiono el botón Agregar experiencia para agregar otro cuadro de texto?

 <div class="form-group"> <p> <h6>Work Experiece</h6> </p> <textarea class="form-control" id="form-control-10"rows="5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nunc arcu, dignissim sit amet sollicitudin iaculis, vehicula id urna. Sed luctus urna nunc. Donec fermentum, magna sit amet rutrum pretium, turpis dolor molestie diam, ut lacinia diam risus eleifend sapien. Curabitur ac nibh nulla. Maecenas nec augue placerat, viverra tellus non, pulvinar risus.</textarea> <div class="col-md-4" id=field_div> <input type="button" class="ticker-btn1 add-exp" value="Add Experience" onclick="add_field();"> </div>

 function add_field() { var total_text = document.getElementsByClassName("form-control"); total_text = total_text.length + 1; document.getElementById("field_div").innerHTML = document.getElementById("field_div").innerHTML + "<textarea class='form-control add-exp add-textbox' rows='5' id='form-control-" + total_text + "'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nunc arcu, dignissim sit amet sollicitudin iaculis, vehicula id urna. Sed luctus urna nunc. Donec fermentum, magna sit amet rutrum pretium, turpis dolor molestie diam, ut lacinia diam risus eleifend sapien. Curabitur ac nibh nulla. Maecenas nec augue placerat, viverra tellus non, pulvinar risus.</textarea>"; }