title: Manipulate Google results page to add a section on the RHS
body: <p>I'm building a <code>Chrome Extension</code>, where in, based on the search query I want to display some stuff(let's assume <code>links</code> for now) on the <em>RHS</em> of the Google results page. Very similar to what <a href="http://www.wajam.com/" rel="nofollow noreferrer">Wajam</a> does.</p>
  
  <p>I understand I need to use <a href="http://developer.chrome.com/extensions/content_scripts.html" rel="nofollow noreferrer">Content-Scripts</a> for such tasks, which is clear and fine.</p>
  
  <p>The problem is, Google seems to return <code>divs</code> with different IDs each time based on the query in its <code>html</code>. For instance if you search for a movie name, there seems to be different set of IDs in the html as opposed to, let's say when you search for a <code>Javascript</code> error message.</p>
  
  <p>I wonder how <a href="http://www.wajam.com/" rel="nofollow noreferrer">Wajam</a> has implemented its plugin, which works so reliably and displays links on the RHS.</p>
  
  <p><img src="https://i.stack.imgur.com/VxzC4.jpg" alt="enter image description here"></p>
  
  <p>How should I go about it? Any specific IDs you can see in the html that I can use or build upon reliably?</p>
  
  <p>Just to be clear for folks who are not into <code>Chrome Extensions</code>, the question <strong>doesn't</strong> require knowledge of Extension architecture/APIs. It's a seemingly simple <code>html/javascript/css</code> related question.</p>