вот форма
<form id="w0" method="get" action="найти">
<input type="text" placeholder="Поиск" value="" name="query">
<div class="form-group">
<button onclick="window.location.href=this.form.action+'-'+this.form.query.value" type="submit">
<i class="fa fa-search"></i>
</button>
</div>
</form>
получаю при нажатии на button вот такой адрес
http://film.lc/%найти?query=запрос
если я делаю так
<form id="w0" method="get" action="найти">
<input type="text" placeholder="Поиск" value="" name="query">
<div class="form-group">
<button onclick="alert(window.location.href=this.form.action+'-'+this.form.query.value)" type="submit">
<i class="fa fa-search"></i>
</button>
</div>
</form>
То через некоторое время, если не нажимать на окно алерт window.location.href сработает и я получу вот такой адрес
http://film.lc/найти-запрос.
Почему на первой форме не срабатывает не подскажите и как с этим бороться