title: Put a fixed div outside a draggable div (draggable.js)
body: <p>Im working around with the draggable.js and I am trying to let some text appear that is connected to the dragged DIV…</p>
  
  <p>So, this works fine, but I want to let the specific text appear in the left-top corner of the browsers window, I tried to give it a position:fixed, but it always stays in the dragged DIV.</p>
  
  <p>I tought it would be the .ui-draggable class that ist added to my .text DIV, but it was not!</p>
  
  <pre><code>&lt;div class="drag axis" id="item_1"&gt;&lt;div class="text"&gt;Some Text&lt;/div&gt;&lt;/div&gt;
  &lt;div class="drag axis" id="item_2"&gt;&lt;div class="text"&gt;Another Text&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.text {
  display: none;
  position:fixed;
  top: 40px;
  left: 40px;}
  
  #item_1 {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 500px;
  height: 100px;
  background-color: blue;
  z-index: 0;
  cursor: pointer;}
  
  #item_2 {
  position: absolute;
  top: 125px;
  left: 30%;
  width: 500px;
  height: 200px;
  background-color: red;
  z-index: 0;
  cursor: pointer;}
  </code></pre>
  
  <p>See my JS Fiddle to understand my problem better:
  <a href="https://jsfiddle.net/7bzvvpjL/4/" rel="nofollow">https://jsfiddle.net/7bzvvpjL/4/</a></p>
  
  <p>As i said, the text should always appear fixed, 40px, 40px, of the window and not inside the dragged div.</p>
  
  <p>What am I doing wrong, does anybody have an idea?</p>