title: how to get coordinates only in specific column in a picture of a grid
body: <p>is it possible to get cordinates from a specific column from a picture 
  like it will say when i hover over column 1 it will give me it like column 1 cordinate 1,1 and then i hover over column 2 it will give me it like column 2 cordinate 1,1</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div&gt;&lt;span id="image_coords_click"&gt;&lt;/span&gt;&lt;span id="image_coords_now"&gt; &lt;/span&gt;&lt;/div&gt;
  &lt;img id="image" class="aligncenter" src="http://4.bp.blogspot.com/-c0lydOomMh8/UdMXTLn0frI/AAAAAAAAKdU/xa8kZMf23uQ/s721/100+number+grid.png" width="1475" height="1475" /&gt;
  &lt;script type="text/javascript"&gt;
    $('#image').mousemove( function(event) {
   window.current_x = Math.round(event.pageX - $('#image').offset().left);
   window.current_y = Math.round(event.pageY - $('#image').offset().top);
   window.current_coords = window.current_x + ', ' + window.current_y;
   $('#image_coords_now').html('Column: ' + window.current_coords + '.');
    }).mouseleave( function() {
   $('#image_coords_now').html('&amp;nbsp;');
    }).click( function() {
   $('#image_coords_click').html('Last click: ' + window.current_coords + '. ');
    });
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>