title: Firefox won't display my jquery added element, but Chrome will
body: <p>HEre is my function :</p>
  <pre><code>function addEventForm(jour){
      if(!$(&quot;.formEvent&quot;).length){
          jour.closest(&quot;tr&quot;).after(&quot;&lt;form class='formEvent'&gt;&lt;div class='curseur'&gt;&lt;/div&gt;&lt;/form&gt;&quot;);
      }
      
      var percent = jour.offset().left-jour.closest(&quot;tr&quot;).offset().left+parseInt(jour.css(&quot;margin-left&quot;).replace(&quot;px&quot;, &quot;&quot;))+ parseInt(jour.css(&quot;padding-left&quot;).replace(&quot;px&quot;, &quot;&quot;))+parseInt(jour.css(&quot;border-left-width&quot;).replace(&quot;px&quot;, &quot;&quot;));
      $(&quot;.formEvent .curseur&quot;).css({&quot;top&quot; : &quot;-15px&quot; , &quot;left&quot;: percent+&quot;px&quot;});
      $(&quot;.formEvent&quot;).show()
  }
  </code></pre>
  <p>By invoking it on Chrome, everything is alright, but in Firefox, the element is added, but not shown. How to fix it ?</p>
  <h1>EDIT</h1>
  <p>Example : <a href="https://jsfiddle.net/g45r4um2/1/" rel="nofollow noreferrer">https://jsfiddle.net/g45r4um2/1/</a></p>