title: Get value in onclick based on row and column
body: <p>There are two div with id defined as time_slice and events respectively. 
  time_slice parent id is block1 and block1 id position is absolute.
  events parent id is block2 and block2 id position is relative.</p>
  
  <p>I want someone click in events li tag in the same time time_slice li tag value get return. Here return only events li tag value.  </p>
  
  <p>When user clicks in the cell I want to retrieve the time value as well. Currently only the date is being populated.</p>
  
  <p>But i don't want to change div to table structure.</p>
  
  <pre><code>$(document).ready(function(){
      $('#events li').on('click', function(event){
          $('#utest').html($(this).html());
          var eobj = new jQuery.Event("click");
          eobj.pageY = event.pageY;
          $(document).find('.timeline').trigger(eobj);    
     });
  });
  
  $('.timeline').on('click', function(){
  
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/RQPgB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RQPgB.png" alt="enter image description here"></a></p>
  
  <p><a href="https://jsfiddle.net/shivamanhar/ke6cmof2/" rel="nofollow noreferrer">Jsfiddle</a></p>