title: Select all the checkboxes above the current checkbox if selected with shift key pressed
body: <p>I have many checkboxes in the html body and some checkboxes have a specific css class.</p>
  
  <p>I just want that whenever i select a checkbox with shift key pressed then all the checkboxes ONLY ABOVE the current checkbox and ONLY BELOW a checkbox that is already checked (selected) at some previous event of, corresponding css class checked(selected) in DOM, should get checked (selected) automatically.</p>
  
  <p>Rest all checkboxes should remains unchanged.</p>
  
  <p>Here is what i am trying to do :</p>
  
  <p>html</p>
  
  <pre><code>&lt;input type="checkbox" class="select-row"/&gt;
  &lt;input type="checkbox" class="select-row"/&gt;
  &lt;input type="checkbox" /&gt;
  &lt;input type="checkbox" class="select-row"/&gt;
  &lt;input type="checkbox" class="select-row"/&gt;
  &lt;input type="checkbox" /&gt;
  &lt;input type="checkbox" class="select-row"/&gt;
  &lt;input type="checkbox" class="select-row"/&gt;
  &lt;input type="checkbox" /&gt;
  &lt;input type="checkbox" class="select-row"/&gt;
  </code></pre>
  
  <p>js :</p>
  
  <pre><code>$('.select-row').click(function(e){
  if ( e &amp;&amp; e.originalEvent.type === "click" &amp;&amp; e.originalEvent.shiftKey === true) {
      //what to write?
    }
  });
  </code></pre>
  
  <p>Here is jsfiddle
  <a href="http://jsfiddle.net/839pS/8/" rel="nofollow">http://jsfiddle.net/839pS/8/</a></p>
  
  <p>How do i do that?</p>