[ureech]

Привет. Не могу получить сабж.

<div  class="col-sm-3">
<a id="planpie" >
<i data-toggle="tooltip"  data-placement="top" title="Диаграмма"  class="fa fa-bar-chart"></i>
</a>
</div>
<div id="datatable" ></div>
<div id="container-plan"></div>

Суть в том, что при клике на а меняю класс fa-bar-chart на fa-table и скрываю/показываю дивы

var datatable = document.querySelector('#planpie');
	var fa = document.querySelector(".fa-bar-chart");
	
	datatable.addEventListener("click", function(event) {
		event.preventDefault();
		fa.classList.toggle("fa-table");
        $('#datatable,#container-plan').toggle();
		 $('#container-plan').css('margin-top','0');		
	})

Но при попытке получить/изменить значение title,конфуз).Пустое значение выводит.
$(fa).attr('title') - пусто
fa.getAttribute('title') - пусто