how to clear tokenfield with js

I want to make a reset button for a jquery tokenfield, but dont know how to reset it.

HTML

<input type="text" class="input" name="testtokenfield" id="testtokenfield" placeholder="testtokenfield" value="">
<button onclick ="clear()"></button>

JS

$('#testtokenfield').tokenfield({
        showAutocompleteOnFocus: true
}); 
function clear(){
     document.getElementById('testtokenfield').value = "";
}

Can't you just do:

$('#testtokenfield').tokenfield('destroy');

Reference: Tokenfield for Bootstrap.