Как узнать чем заполнена форма изначально?

Всем привет.

Суть:имеется столбец который разделен на две части, на верхнюю и нижнею. В верхней находиться форма которая при написании в нее текста делает динамический поиск с помощью ajax и результат выводит блоки в нижнюю часть.Когда в форме нечего не написано она выводит все что есть в БД.
Проблема: когда впервый раз заходишь на сайт в нижней части столбца нечего не показывается, а если вформу что-то написать, а потом стереть, то все показывается как и задумывалась.
Вопрос:В чем ошибка? что я неправильно сделал или реализовал?

форма имеет вид:

<form class="head11" action="PHP/search.php" method="post" name="form" onsubmit="return false;">
            <input name="search" type="text" id="search">
        </form>

Javascript:

$(function() {
    $("#search").keyup(function(){
        var search = $("#search").val();
      var  len=search.toString().length;

        if (len==null || len==0) {
                   $.ajax({
                    type: "POST",
                    url: "PHP/first.php",
                    cache: false,                       
                    success: function(response){
                        $("#resSearch").html(response);}
                });
                }
                else{
                    $.ajax({
                    type: "POST",
                    url: "PHP/search.php",
                    data: {"search": search},
                    cache: false,                       
                    success: function(response){
                        $("#resSearch").html(response);}
                });
                }//else кончается
                return false; 
                     
    });
});