title: Select-drag using mouseenter & mousedown is not continuous
body: <p>I'm sorry that the title is not descreptive enough... :)</p>
  
  <p>I created a simple jQuery code that helps the user select multiple elements by dragging his mouse over them. </p>
  
  <p>Kind of like the way you can select the hours of a new event by dragging your mouse from 10:00 to 13:30, for example.</p>
  
  <pre><code>The code is long, therefore I uploaded it to codepen:
  </code></pre>
  
  <p><a href="http://codepen.io/reuvenkarasik/pen/FnHbx" rel="nofollow">http://codepen.io/reuvenkarasik/pen/FnHbx</a></p>
  
  <p>This codepen is actually pretty awesome, so you can select hours by simply dragging your mouse between them. 
  The problem is that if you drag your mouse too fast, you'll see that there are "holes" between the hours. for example, let's say you dragged your mouse between 8:00 and 17:00 too fast, I could bet that some hours, like 12:00 and 14:00 weren't selected. the JS just couldn't respont quickly enough to your mouse movements. </p>
  
  <p>How can I fix it?</p>
  
  <p>thanks you all!</p>