Mam następującą listę:

[HTML] pobierz, plaintext 
<nav class='nav_start'>
<ul>
<li class='first-link'><a href='Achievments.html'>
<span>Achievments</span></a></li>
<li><a href='Career.html'>
<span>Career</span></a></li>
<li><a href='Education.html'>
<span>Education</span></a></li>
<li><a href='SkillsAndCertificates.html'>
<span>Skills &amp; Certificates</span></a></li>
<li><a href='AfterHours.html'>
<span>After hours</span></a></li>
<li><a href='Live.html'>
<span>Live: Read recently, Blog</span></a></li>
<li><a href='Contact.html'>
<span>Contact</span></a></li>
<li><a href='Portfolio.html'>
<span>Portfolio</span></a></li>
<li><a href='Networking.html'>
<span>Networking</span></a></li>
</ul>
 
</nav>
[HTML] pobierz, plaintext 

chcę pomiędzy niektórymi jej elementami wstawić div, więc używam następującego skryptu:

[HTML] pobierz, plaintext 
$(document).ready( 
function SizeOfTheWindow(){
 
 
 
	if( $(window).width() > 1070 ){
		$('.nav_start_two2').replaceWith( $('.nav_start_two2').html() );
		$('.nav_start_two3').replaceWith( $('.nav_start_two3').html() );
 
		$('.nav_start ul > li').slice(1, 3).wrapAll("<div class='nav_start_two5'></div>"); 
		$('.nav_start ul > li').slice(3, 5).wrapAll("<div class='nav_start_two4'></div>"); 
	}	
	else if( $(window).width() > 970 ){
		$('.nav_start_four').replaceWith( $('.nav_start_four').html() );
		$('.nav_start_two1').replaceWith( $('.nav_start_two1').html() );
		$('.nav_start_two4').replaceWith( $('.nav_start_two4').html() );
		$('.nav_start_two5').replaceWith( $('.nav_start_two5').html() );	
 
		$('.nav_start ul > li').slice(2, 4).wrapAll("<div class='nav_start_two3'></div>"); 
		$('.nav_start ul > li').slice(3, 5).wrapAll("<div class='nav_start_two2'></div>"); 
	}
	else if( $(window).width() > 750 ){
		$('.nav_start_two2').replaceWith( $('.nav_start_two2').html() );
		$('.nav_start_two3').replaceWith( $('.nav_start_two3').html() );		
 
		$('.nav_start ul > li').slice(1, 5).wrapAll("<div class='nav_start_four'></div>"); 
		$('.nav_start ul > li').slice(1, 3).wrapAll("<div class='nav_start_two1'></div>");
	}
	else{
		$('.nav_start_four').replaceWith( $('.nav_start_four').html() );
		$('.nav_start_two1').replaceWith( $('.nav_start_two1').html() );	
	}
 
});
 
$(window).on('resize', SizeOfTheWindow);
[HTML] pobierz, plaintext 

Po zmianie rozdzielczości ekranu funkcje przeznaczone dla tej rozdzielczości nie zaczynają działać zanim nie przeładuję strony, czyli nie działa resize.

Owa strona jest tutaj: http://adamper.w.pw/cv1/Start.html

Pomocy!

Z góry dzięki

http://jsfiddle.net/CoryDanielson/LAF4G/