jquery - 追加ボタンで結果を表示する 1 つのドロップダウン

Question

ユーザーが別の結果を作成したい場合、「結果」スパンを複製して新しいデータ セットを収集するにはどうすればよいですか? （私はjqueryがひどいですが、完成したソリューションをここに投稿しようとします）

HTML:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<button>Add another</button>
<span class="results">Results:  </span>


document.jQuery(document).ready(function($) {
    $("button").click(function() 
        {   
            var $newResults = $('span.results').last().clone().appendTo('span.results').html();

        });
});