Load search result with AJAX

When button is clicked, it loads HTML content from specified url and puts it to specified target element

<input type="text" id="query"
   data-as='{
        "keyup": {
            "load": {
                "url": "./data/country_search.php",
                "buffer": 300,
                "data": {
                    "q": ["#query", "val"],
                    "s": ["#start:checked", "val"]
                },
                "success": {
                    "html": {
                        "target": "#div"
                    }
                }
            }
        }
    }'
/>
<input type="checkbox" id="starts" value="1" />
<label for="starts">Starts with</label>

<div id="div"></div>