Jquery .siblings( ) mistake that i can't figure out

[Dr.NeBoo]

Hi can you see what I am doing wrong with the jquery?I am trying to make that when you hover over one of the texts the other two the css will be applied to. The error is to do with the $(".yo") or the ('blur'); I am linking them wrong ?Thanks in advanceJquery:\[code\]$(document).ready(function(){$(".yo").mouseover(function(){ $(this).siblings().addClass('blur');}).mouseout(function(){ $(this).siblings().removeClass('blur');});\[/code\]HTML:\[code\]<div class="yo"><div class="blur out" id="one"> hi </div><div class="blur out" id="two"> my </div><div class="blur out" id="three"> name </div></div>\[/code\]CSS:\[code\]div.blur{text-decoration: none;color: #339;}div.blur:hover, div.blur:focus{text-decoration: underline;color: #933;}.textshadow div.blur, .textshadow div.blur:hover, .textshadow div.blur:focus{text-decoration: none;color: rgba(0,0,0,0);outline: 0 none;-webkit-transition: 400ms ease 100ms;-moz-transition: 400ms ease 100ms;transition: 400ms ease 100ms;}.textshadow div.blur,.textshadow div.blur.out:hover, .textshadow div.blur.out:focus{text-shadow: 0 0 4px #339;}.textshadow div.blur.out,.textshadow div.blur:hover, .textshadow div.blur:focus{text-shadow: 0 0 0 #339;}\[/code\]