Сергей delphinpro

Современность? Что это? Как ее проверить? Когда современный браузер становится несовременным?

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

1. Потому что вы jQuery не подключили :)))
2. Забыли скобку - синтаксическая ошибка.
jsfiddle.net/yofehx9w/3

phpfaq.ru/na_tanke

codepen.io/anon/pen/XbNrmN =)

upd
можно так (более кроссбраузерно)
codepen.io/anon/pen/VLmZvX

микро-клирфикс от Николаса Галаджера (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
Подойдет?