istasiik

Ну во первых так переносить строки нельзя, а во вторых нужно использовать другие кавычки.

$(document).ready(function() {

$(".append-button").click(function(){
  $( ".append-block" ).append('\
    <div>\
    <input class="darker empty-blue"> \
      <div style="margin-bottom: 4.6em; margin-top: .2em">\
        <div class="select-new">\
          <select>\
            <option value="">AUD</option>\
            <option value="">USD</option>\
            <option value="">CAD</option>\
            <option value="">GBP</option>\
            <option value="">EUR</option>\
            <option value="">JPY</option>\
            <option value="">NZD</option>\
          </select>\
        </div>\
        <input class="darker short" placeholder="0"> \
      </div>\
      <div class="counter-quantity" style="margin-bottom: 3.3em;">\
        <div id="plus"><a class="change_quantity" href="#">+</a></div>\
        <div id="minus"><a class="change_quantity" href="#">-</a></div>\
        <p>Quantity:</p>\
        <input class="quantity-input" placeholder="unlimited" readonly="true" value="nil"> \
      </div>\
      </div>');
});
});

$(document).ready( function(){
	$("#bounce").addClass("animated fadeIn");
} );

Тоже вставлю свои пять копеек: thecodeplayer.com/walkthrough/animating-float-labe...

В гогле первый результат 2coders.ru/opredelenie-strany-po-ip-na-php

html5demos.com/geo либо если надо сделать это тихо, то по ip (в случае страйп).

slideToggle или toggle вместе с transition в стилях.

.toggle()

https://github.com/zdfs/toscani/

digitalbush.com/projects/masked-input-plugin

Без модификации данного плагина можно это сделать только при помощи JS. Что-то вроде этого

$('input').focus(function() {
  $(this).siblings('.placeHolder').addClass('focus');
});
$('input').focusout(function() {
  $(this).siblings('.placeHolder').removeClass('focus');
});

в css изначально присвоить .placeHolder "неактивный" стиль. Ему же с классом focus соотетственно "активный".

.jvFloat .placeHolder.focus {
  color: #212121;
}
.jvFloat .placeHolder.focus.required {
  color: red;
}
.jvFloat .placeHolder {
  /*...*/
  color: #a5a5a5;
  /*...*/
}

habrahabr.ru/post/216669
codepen.io/chriscoyier/pen/CiflJ

В данном случае всё просто, как 2 пальца — тупо 2 картинки.
Вот примерно так это можно делать jsfiddle.net/petroveg/48pevmx8
А вообще для таких вещей применяют CSS filters.
Как реализовать подобное размытие?

Как сделать появляющуюся черту с анимацией в CSS?

Без якорей и jquery

jsfiddle.net/iiil/ryZq7

window.onload=function(){
     window.scrollTo(0,document.body.scrollHeight);
}

display:none !important; ?