Blur эффект с помощью jQuery
 

Есть <div>, его ширина 1000x300, внутри него есть <img> - его ширина 150x150
Нужно сделать фон дива в стиле blur заливки, используя цвета присущие дочернему <img>.
Пытался я делать с помощью вот этой штуки, но у меня ничего не вышло, из картинку оно делает размазанную картинку такого-же размера, но размазать по всему диву у меня не получилось, пробовал ее и как dataurl для бэкграунда, но все равно толку ноль. Подскажите как решить данную проблему?

Ну так эффект blur не растягивает изображение. Задайте div фоновым изображением дочернее изображение, растянув его на весть родительский элемент, и добавив фильтр.

div { 
    width: 1000px;
    height: 300px;
    background-image: url(name.ext);
    background-size: cover; /* contain or  1000px, 300px */
    filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px);
}