button only activates after second click
I am not sure why that when I click my button it only opens the next page by double clicking, I need this to be a single click
HTML
<div class="button mover" id="contact" data-href="{{ contact_link }}" data-toggle="tooltip" data-placement="top" title="go to our contact form" id="contact_ultra">CONTACT ULTRA</div>
JQUERY
var touch_contact_start = false;
$("#contact").on("click touchend", function(){
{% if app.config.mode == 'dev' %}
console && console.log("touchstart on contact ");
{% endif %}
if(touch_contact_start != true) {
{% if app.config.mode == 'dev' %}
console && console.log("click on contact ");
{% endif %}
document.location.href = $(this).data('href');
}
})
$("#contact").on("mousemove touchmove", function (event) { touch_contact_start = true; })
$("#contact").on("click touchstart", function (event) { touch_contact_start = false; });