Po wybraniu daty, przeładuj strone z nowymi danymi - jak ?

Hej,
mam takie coś do zrobienia: textbox z datepicker, po wybraniu daty, na nowo załadować stronę ale teraz aby były tylko te dane w których data zgadza się z wybraną.
Do tej pory mam zrobione tyle że mam tego textboxa, podpięty datepicker no i umiem przesłać tą wartość wybraną do JS, robię to tak:

1. widok

  <p>
                   Sort by Date: <input type="text" id="datepicker12" class="datepicker12" onchange="func(this.value)">
                </p>

2. JS:

function func(val) {
    alert(val);
}

no i pokazuje mi tą datę, jednakże nie wiem jak potem posortować i ponownie załadować całą stronę :(

EDIT:
dzięki temu:

function func(val) {
    alert(val);
    $('#tabelka').html("adfas");

}

udaje mi się przeładować danego div-a, to jeszcze tylko muszę pobrać na nowo te dane :)

a jak przeladowujesz tego diva, pobierasz skads te dane?? jesli dane pobierasz z serwera to idea jest prosta. ajaxem wysylasz zapytanie, jako parametr wrzucasz wybraniu wartosc, a sortowanie i generowanie htmla lub po stronie serwera a zwrocony html wrzuc do diva.

Albo przeładuj całą stronę (window.location.reload(true);), albo pobierz nową treść ajaksem (najprościej przez .load(url)).