title: Always focus mouse cursor in particular div in JQuery
body: <p>I have a div <strong>"wtb_wrapper_middle</strong>" in middle of my web page.</p>
  
  <p>For that div only scroll able in web page. In left and right div are not movable, it fixed in my web page.</p>
  
  <p>So I want to mouse always focus on that particular div wherever my mouse clicked or mouse hover. Means when i use keyboard up or down button at that time that particular div only should be scroll. </p>
  
  <p>Is there possible in JQuery.</p>
  
  <p>My code is like below.</p>
  
  <pre><code>&lt;div id="wtb_wrapper_inner"&gt;
      &lt;div id="wrapper_left"&gt;
         ....
         ....
         ....
      &lt;/div&gt;
      &lt;div id="wtb_wrapper_middle"&gt;
         ....
         ....
         ....
         ....
      &lt;/div&gt;
      &lt;div id="wtb_wrapper_right"&gt;
         ....
         ....
         ....
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In from above html code "wtb_wrapper_middle" area only scrolls in my web page.</p>
  
  <p>I have tried the below</p>
  
  <pre><code>window.onload = function() {
    document.getElementById("wtb_wrapper_middle_inner").focus();
  };
  </code></pre>
  
  <p>In this code is focus only on page load, but if clicked mouse in somewhere else, at that time also that middle area should be scroll. That is not working.</p>
  
  <p>My Ajax callback function like below</p>
  
  <pre><code>$.ajax({
      type: "POST",
      url: "search.php?ajaxrequest=yes",
      data: query_string
   }).done(function( data ) {
       $(".wtb_p_loader").remove();
       $("#wtb_wm_listing").append(data);
   });
  </code></pre>
  
  <p>I'm appending return success data into the di <strong>wtb_wm_listing</strong> which is i have placed inside of main div <strong>wtb_wrapper_middle</strong></p>
  
  <p>Anyone help me to make it success..</p>