Сергей delphinpro

микро-клирфикс от Николаса Галаджера (Nicolas Gallagher):

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

jsfiddle.net/6zhzvLk6

addEventListener("popstate",function(e){
    alert('yeees!');
},false);

Просто прочитайте документацию к плагину

$("form").submit(function() {
  var that = this;
//    $(this).validate() // возможно и валидацию понадобиться вызвать, смотря как у вас там все работает..
    if ( !$(this).valid() ) return false; // проверьте, правильно ли заполнена форма

    $.ajax({
      type: "POST",
      url: "mail.php",
      data: $(this).serialize()
    }).done(function() {
      alert("Спасибо за заявку!");
    });
        setTimeout(function() {
            $.fancybox.close();
            $(that).trigger("reset");
        }, 1000);
    return false;
  });

все прекрасно работает
jsfiddle.net/L7eyzLse - ваш код один-в-один

upd
у вас, вероятно, не подгружается JQ.js
других причин не вижу.

Самовызываемая анонимная функция

(function(){
})();

Такая функция будет тут же выполнена. jQuery - это параметр, который передается в функцию. $ - переменная, по которой будет доступен переданный параметр внутри функции.
Эта конструкция эквивалентна следующей

var myFunc = function($){
};
myFunc(jQuery);

За исключением того, что не создается лишняя переменная в глобальной области видимости (myFunc), ради чего все и делается.

.position() возвращает отступ от ближайшего не-статик родителя.
А вам, вероятно, нужно относительно документа - .offset()

Обычно иконки классами прописываются. В вашем случае можно попробовать $("#status").html("✔");
или сделать две иконки, попеременно скрывая одну из них.

Рализация плейсхолдеров внутри input'a?
Посмотрите мой ответ там. Как раз по вашей теме.

jsfiddle.net/DelphinPRO/d576g8n8/2
тут не уроки нужны, а просто знание CSS

я постоянно использую этот плагин для Квери
https://github.com/devbridge/jQuery-Autocomplete
Достаточно функциональный, и кастомизируемый, если руки прямые.

Добавьте ID
<div class="wrapper_p" id="calc">

и поменяйте строку

//var section = document.getElementsByTagName("section")[0];
 var section = document.getElementById("calc");

Потому что вы ее отправляете :)
j$("#gen").submit();

Объект location содержит данные адресной строки.
Если под последним символом подразумевается значение параметра id, то его можно вытащить из свойства location.search

флоатами задачу не решить.
Можете воспользоваться multiple columns из css3
jsfiddle.net/5o644soy/9
поддержка caniuse.com/#search=columns

код подсчета цены вынесите в отдельную функцию и вызывайте ее по событию onkeypress поля вода и по событию onchange всех чекбоксов

jsfiddle.net/DelphinPRO/Lp4d9n7z/1
Подойдет?

В функцию вы передаете не переменную, а ее значение.
И внутри функции вы изменяете локальную переменную. Значение переменой test остается неизменным.
У вас пробелы в знаниях об областях видимости переменных. Нужно покурить теорию :)

Например, так:

$(function() {
    var $items = $(".menu-main-item")
    var options = { duration: 400, easing: 'easeInOutCubic' };
    $items.on('click', function () {
        var DataItem = $(this).attr('data-item');
        var $current = $('#'+ DataItem)
        // Закроем все, кроме текущего
        $items.not($current).slideUp(options);
        // Переключим текущий
        $current.slideToggle(options);
    });
});