How do I dynamically add new items to dropdown list within this form using jquery?

HTML

<script>$(document).ready(function () {
    $('#new-item').click(function() {
    	console.log($('#text-to-add').val());
        $('#dropdown').append( '<div>' + $('#text-to-add').val() + '</div>' );
    });
});</script>
<input id="text-to-add" type="text" value="Machine 3">
<button id="new-item">Add to dropdown</button>
 <form>
     <div id="dropdown">
         <div>Select...</div>
         <div>2d3dwdwcx</div>
         <div>32r423dwe</div>
     </div>
</form>