When using the search form getting a list of results it goes to 404 Page not found instead search Results page.

the Search Results.cshtml is

<form action="/searchresult/" method="GET">
        <input type="text" class="searchfield" placeholder="" name="query">
        <button class="searchbtn btn btn-default btn-sm">Search</button>
    </form>

     @{
        var searchQuery = Request.QueryString["query"];

        if (!string.IsNullOrEmpty(searchQuery))    
        {
            <div class="searchresults">
                <p class="intro-para">Your search results for <strong>"@searchQuery"</strong></p>
                <ul>
                    @foreach (var result in Umbraco.Search(searchQuery))
                    {

                        <li>

                            <a class="heading1 inline-link" href="@result.Url">@result.Name</a>
                            <div  class="heading2">Created Date : @result.CreateDate.ToLongDateString()</div>
                            <div  class="heading2">Updated Date : @result.updateDate.ToLongDateString()</div>
                        </li>
                    }
                </ul>
            </div>
         }
    } 

http://gmohan:8018/searchresult/?query=loan

Has anyone else run into this error and found a way to fix it?