title: How to position fixed element with jQuery
body: <p>I have a very simple problem. I have a player on my website which and it's class looks like that:</p>
  
  <pre><code>.jp-type-playlist
  {
      position: fixed;
      bottom: 0px;
  }
  </code></pre>
  
  <p>Also I have a popup menu which should fire on click.</p>
  
  <pre><code>.jp-playlists
  {
      position: fixed;
      display: none;
  }
  </code></pre>
  
  <p>Both blocks are located on the same level:</p>
  
  <pre><code>&lt;!-- Playlists --&gt;
  &lt;div class="jp-playlists"&gt;...&lt;/div&gt;
  &lt;!-- Player --&gt;
  &lt;div class="jp-type-playlist"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>I want to position it next to the player and I don't know how to do it. I tried to use .offset() but it returns only offset from the top of the document which is useless if the page is scrolled down. I tried to use jQuery UI .position(), but it worked in the same way as a previous solution.</p>
  
  <p>Please help me with my problem. The link to the website: <a href="http://synthetic.fm/#&amp;&amp;Genre=&amp;Artist=&amp;Album=" rel="nofollow">http://synthetic.fm/#&amp;&amp;Genre=&amp;Artist=&amp;Album=</a></p>
  
  <p>Playlist menu looks like small yellow list.</p>
  
  <p>Thanks in advance!</p>