Javascript-форум - Элемент не передает значение.

Привет, ребята:)
Возник такой вопрос. Почему $curr работает только через:

var curr = document.getElementById('total_curr');

Вот так не передает значение:

var curr = $('#total_curr');

Полный код:

<div class="calc-input" align="center">
  <input type="number" id="curr_in1" value="">
  <input type="number" id="curr_in2" value="">
</div>
<div class="calc-curr">
  <select id="curr1">
    <option value="0.01344449">Euro</option>
    <option value="0.01491398">USD</option>
    <option value="1.00000000">Рубль</option>
  </select>
  <select id="curr2">
    <option value="0.01344449">Euro</option>
    <option value="0.01491398">USD</option>
    <option value="1.00000000">Рубль</option>
  </select>
</div>
<div class="clearfix"></div>
<hr>
<span id="total_curr"></span>

$(function(){
	var curr = document.getElementById('total_curr');
	$('#curr_in1, #curr1').on('change', function(){
		var curr_in2 = ($('#curr_in1').val() * $('#curr2').val()).toFixed(4);
		curr.innerHTML = curr_in2;
	});
// это пока что не нужно.
	/*$('#curr_in2, #curr2').on('change', function(){
		var curr_in1 = ($('#curr1').val() * $('#curr_in2').val()).toFixed(4);
		$('#curr_in1').val(curr_in1);
		
	});*/ 
});