Помогите пожалуйста! У меня есть 2 скрипта: 1 - сортировка данных "по наименованию", "по возрастанию цены", "по убыванию цены", 2 - постраничный просмотр (вывод данных с SQL c 1 по 20, с 20 по 40 и с 40 по 60).

$.fx.speeds._default = 1000;
$(document).ready(function() {
//сортировка данных
$('#sorting').change(function(){location.reload();
var sort = $('#sorting :selected').val();
if (sort == 'byincrease')
{
sessionStorage.setItem('byname', 'false');
sessionStorage.setItem('bydecrease', 'false');
sessionStorage.setItem('byincrease', 'true');
};
if (sort == 'bydecrease')
{
sessionStorage.setItem('byname', 'false');
sessionStorage.setItem('byincrease', 'false');
sessionStorage.setItem('bydecrease', 'true');
};
if (sort == 'byname')
{
sessionStorage.setItem('byname', 'true');
sessionStorage.setItem('byincrease', 'false');
sessionStorage.setItem('bydecrease', 'false');
};

$.ajax({
type:'POST',
url:'desctop.php',
data:{sort: sort},
success: function(data){ location.reload(); }
});

});


if (sessionStorage.getItem('byincrease') == 'true')
{
$('#sorting').html('<option value="byincrease">возростанию цены</option><option value="bydecrease">убыванию цены</option><option value="byname">наименованию</option>');
};
if (sessionStorage.getItem('bydecrease') == 'true')
{
$('#sorting').html('<option value="bydecrease">убыванию цены</option><option value="byincrease">возростанию цены</option><option value="byname">наименованию</option>');
};
if (sessionStorage.getItem('byname') == 'true')
{
$('#sorting').html('<option value="byname">наименованию</option><option value="byincrease">возростанию цены</option><option value="bydecrease">убыванию цены</option>');
};
if (!sessionStorage.getItem('byincrease') && !sessionStorage.getItem('bydecrease') && !sessionStorage.getItem('byname'))
{
sessionStorage.setItem('byincrease', 'true');
$('#sorting').html('<option value="byincrease">возростанию цены</option><option value="bydecrease">убыванию цены</option><option value="byname">наименованию</option>');
$.ajax({
type:'POST',
url:'desctop.php',
data:{sort: byincrease},
success: function(data){ location.reload(); }
});

};


// постраничный просмотр
if (!sessionStorage.getItem('page'))
{
sessionStorage.setItem('page','1...20');
$('#page1').css('color','#63B515');
$.ajax({
type:'POST',
url:'desctop.php',
data:{page: page},
success: function(data){ location.reload(); }
});

};


$('.page').click(function(){
var page = $(this).attr('title');
if (page == '1...20')
{
sessionStorage.setItem('page','1...20');
};
if (page == '20...40')
{
sessionStorage.setItem('page','20...40');
};
if (page == '40...60')
{
sessionStorage.setItem('page','40...60');
};

$.ajax({
type:'POST',
url:'desctop.php',
data:{page: page},
success: function(data){ location.reload(); }
});

});

if (sessionStorage.getItem('page') == '1...20')
{
$('#page1').css('color','#63B515');
};
if (sessionStorage.getItem('page') == '20...40')
{
$('#page2').css('color','#63B515');
};
if (sessionStorage.getItem('page') == '40...60')
{
$('#page3').css('color','#63B515');
};



});


Проблема: когда в js-фале первым записан скрипт "сортировки данных", то сессия в скрипте "постраничного просмотра", которая ставит по-умолчанию 1...20 страницу при загрузке не создается. И наоборот когда в js-фале первым записан скрипт "постраничного просмотра", то сессия в скрипте "сортировки данных", которая ставит по-умолчанию сортировку "возростанию цены" при загрузке не создается.
Те сессии которые не создались, создаются сразу после первого обновления страницы.
Подскажите пожалуйста в чем может быть проблема? Причем в Java-файле есть еще много сессий, которые сознаются по умолчанию, и все они работают, а с этими просто беда!