Артем Спиридонов

$(document).ready(function () 
{
    $('.fa-bars, .fa-times').click(function () 
    {
         $(this).toggleClass('fa-times').toggleClass('fa-bars');
    });
});

$('#form').on('submit', function() {
event.preventDefault();
$('#field').value($('#source').text());
$(this).submit();
return false;
});

next(), а лучше через контейнер, closest(somecontainer).find(popover).show()

Можно.

Формируете GET- или POST-запрос, со значениями ваших фильтров в параметрах, на сервере формируете ответ и отдаёте его клиенту.

Количество и "сложность" фильтров на эту часть решения никак не влияют. Все самое интересное будет в БД.

Сохраняйте микровремя в переменную и считайте интервалы.

"Нравится-не-нравится, спи моя..."

$150 за два месяца - ниже статистической погрешности. $150 за день - ну куда еще ни шло. Как говорит один хороший специалист из другой отрасли, "пока вы не заработали $1 000 000 - не делайте выводов о том, что вам нравится..."

Основы всех популярных ЯП похожи. Только, если рассуждать о том, что нравится и что не нравится - суть как-то проходит стороной. Похоже, именно в этом заключается ваша проблема.

P.P.S Я не отговариваю вас от занятий JS. Я отговариваю вас от рассуждений "нравится-не-нравится".

Оберните $.post( в $(function() {

$(function() {
$.post(
... дальше как у вас
});

В программировании есть хороший подход, как Dont Repeat Yourself. Бессмысленно каждый раз изобретать велосипеды - имеющиеся модули складывают в библиотеки и используют повторно.

Наборы библиотек называют фреймворками. Фреймворки, как правило, специализированные - каждый под свою задачу. От QT и GTK, до YII2 и ThreeJS.

Набор библиотек, фреймворки, стараются оформлять в едином стиле. Зачастую фреймворк несет определенный Style Guide, рекомендации по окружению, архитектуру и другие решения. Просто что-то готовое, что не надо изобретать, но можно взять и использовать в какой-то момент.

Вокруг фреймворков собираются сообщества разработчиков. Поэтому в каждый компонент фреймворка, как правило, уже вложено много-много труда. Один разработчик не сможет уделить столько времени и внимания разработке какой-то одной функции. А тысяча - может.

Коллеги, которые фреймворками брезгуют - не адекватны. Изобретение велосипедов полезно только для образования. В реальной работе оно несет проблемы:

1. Неоправданная трата ресурсов, денег и времени
   
2. Больше уязвимостей, создают менее качественные приложения
   

Поэтому, когда коллеги брезгуют фреймворками - это происходит скорее из-за того, что данный отдельно взятый коллега не желает изучать ничего нового из-за неумения учиться, либо страдает какими-то формами психических заболеваний. Это очень частое явление.

Ctrl-U - и всё перед вами.

<input class="target">

<script type="text/javascript">
	$(document).on('click', function(e) {
		if ($(e.target).hasClass('target'))
		{
			// отрабатываем клик на инпут
			$('.target').prop('disabled', false);
		}
		else
		{
			// отрабатываем клик вне инпута
			if ( ! $('.target').prop('disabled'))
			{
				$('.target').prop('disabled', true);
			}
		}

});

</script>

P.S. Есть подозрение, что саму задачу можно по-другому сформулировать.

вот такой долбонутый таск от заказчика. Знаю выглядит глупо

Не называйте задачи долбанутыми и глупыми. Ведите себя, как профессионал.

Это действительно помогает настроиться на нужный лад, быть более эффективным и конструктивным.

Можно закодить или позаимствовать решение, их много в интернете.

Строковыми функциями.

Это не верстальщик, а т.н. 3D Artist.

Если в целях программирования спрашиваете, то решение - реализовать хранение локальных данных, эмулировать куки. На коленке, две минуты.

Хорошо.

А теперь займитесь его рефакторингом