title: jQuery positioning: position({ my: "", at: "", OF: VARIABLE })
body: <p>Heyey, I have this function:</p>
  
  <pre><code>GravityCircle.position = function(idcontainer){
  
      var parent = $('.'+idcontainer+' .border');
  
      $('.'+idcontainer+' .info').position({
                                  my: 'center center',
                                  at: 'center center',
                                  of: 'parent'});
  };
  </code></pre>
  
  <p>What I want is to set the object I have in <code>var parent</code> inside the <code>position({ of: ""})</code></p>
  
  <p>I've also tried this: <code>of: '.'+idcontainer+' .border'</code></p>
  
  <p>this: <code>of: "'.'+idcontainer+' .border'"</code> (also reverting the colons and semicolons)</p>
  
  <p>and this: <code>of: "$('.'+idcontainer+' .border')"</code> , but I can't get it to work.</p>
  
  <p>Of course I have the UI plugin installed, and everything is fine because if I use a simple selector like <code>of: ".border"</code> it works (not my way, but works).</p>
  
  <p><strong>Extra</strong></p>
  
  <p><em>HTML</em></p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="container"&gt;&lt;/div&gt;
      &lt;div id="container2"&gt;&lt;/div&gt;
      &lt;br/&gt;&lt;br/&gt;
      &lt;div id="container3"&gt;&lt;/div&gt;
  
      &lt;script other scripts&gt;&lt;/script&gt;
      &lt;script&gt;
          var data ={"value": 2.5,"color": "green","title": "Risque bas"};
          var data2 ={"value": 15445.6460,"color": "red","title": "Risque haut"};
          var data3 ={"value": 8,"color": "orange","title": "Risque moyen"};
          GravityCircle.createGravityCircle("container", data);
          GravityCircle.createGravityCircle("container2", data2);
          GravityCircle.createGravityCircle("container3", data3);
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><em>more JS</em></p>
  
  <pre><code>GravityCircle.createGravityCircle = function (idcontainer, jsonProgressBar) {
      var objJSON = jsonProgressBar;
      try {
          objJSON = jQuery.parseJSON(jsonProgressBar);
      } catch (error) {}
      //build HTML
  
      $('#'+idcontainer).append(  '&lt;div class="border '+idcontainer+'"&gt;'+
                                      '&lt;div class="info"&gt;'+
                                          '&lt;span class="value"&gt;'+objJSON.value+
                                          '&lt;/span&gt;'+
                                          '&lt;span class="title"&gt;&lt;br/&gt;'+objJSON.title+
                                          '&lt;/span&gt;'+
                                      '&lt;/div&gt;'+
                                      '&lt;div class="inner"&gt;'+
                                          '&lt;div class="spinner pie"&gt;&lt;/div&gt;'+
                                          '&lt;div class="filler pie"&gt;&lt;/div&gt;'+
                                          '&lt;div class="mask"&gt;&lt;/div&gt;'+
                                      '&lt;/div&gt;'+
                                  '&lt;/div&gt;');
  </code></pre>