multiple event on element, on click and focus at the same element

by Faisal Khan Janjua

HTML

<form>
  <input type="text" name="text1" />
  <input type="date" name="Date1" />
  <input type="text" name="text2" />
  <input type="date" name="Date2" />
  <input type="text" name="text3" />
  <input type="date" name="Date3" />
  <input type="text" name="text4" />
  <input type="date" name="Date4" />
</form>
<p></p>

JavaScript

$(document).ready(function(){
	var counter = 1;
	$(document).on('click, focus', 'input[type="date"]', function(){
  	$('p').text(counter);
    counter++;
  });
});