title: allow users to move items that don't equal to the value stated in a function
body: <p>I have searched google and unable to find the logic for what I am trying to achieve, the easiest way I am able to explain this over text is with an example let's say you have 5 apples and you say to the 'move box you want to move 6 apples but instead of the 'move box' throwing an error because the amount of items you want to move doesn't equal in the value (6) in the 'movebox' it takes all 5 items and disregards the extra value that's left another example you have 10 apples you put into the move box you want to move 4, and instead of the move box throwing an error because the value doesn't match it will just take 4 apples and leave 6. right now if I want to move an item i have to make sure that I have the same amount of item that I enter into the move box like if I want to move 7 and I have 6 I will not move them becasue the item value doesn't match the move box value, if you me need to explain more I am happy to do so. </p>
  
  <p>right now the block of code that deals with the number of items that will be moved is </p>
  
  <pre class="lang-js prettyprint-override"><code>if ($(this).val() == "") {
              $(this).val("1") 
  </code></pre>
  
  <p>with the default move value set at 1, I haven't tried anything except search through google because I simply don't know the logic for the problem I'm facing.</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function () {
      $("#count").focus(function () {
          $(this).val("")
      }).blur(function () {
          if ($(this).val() == "") {
              $(this).val("1")
          }
      });
  </code></pre>