форма в ajax и html

почему когда отправляешь форму через обычный html запрос страница меняется на адрес url, а когда делаешь тоже самое через ajax остаешься на той же странице

<form id="search">
<input type="text" name="text" id="text" placeholder="Search"> <button type="submit">Search</button>

$.ajax({
        url: '/search',
        type: 'GET',
        data: data,
        contentType: 'application/json'

после нажатия кнопки submit адрес вот такой http://localhost:8080/?text=

а когда отправляю через форму

<form action="/search" method="get">
<input type="text" name="text" id="text" placeholder="Search"> <button type="submit">Search</button>

тогда адрес http://localhost:8080/search?text=