jQuery получает весь элемент ввода, включая его значение

Вы должны добавить .clone() элемент вместо получения outerHTML и добавить его.

Создайте глубокую копию набора согласованных элементов.

componentContainer.append(component.clone(true));

$('button').click(function() {
  $('#a').clone().appendTo('div');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Add</button>
<input id="a" />
<div>

</div>