jQuery .css sometimes doesn't work

Question

How can I fix problem with jQuery function ".css" which works only when it is triggred by user (console, button, ...) ?

I'm using interval in .ready function for trigger it but it dosn't work. However .html function is changing the text properly.

$(document).ready(function()
{
    setInterval(function()
    {
        $.get("./getData", function(data)
        {
                $(".text").html("" + data + " %");
                $(".circle").css("border-width", "" + data + "px");
        });
    }, 1000);
});

Answer 1

Other border properties specified properly? Border color and weight? Its working fine when specified.

Answer 2

Your code looks fine, make sure data is numeric value and you have element with class name circle

jsFiddle

Answer 3

Try to call this function on window.onload.

 <script>
 function testFunction()
 {
   setInterval(function()
{
    $.get("./getData", function(data)
    {
            $(".text").html("" + data + " %");
            $(".circle").css("border-width", "" + data + "px");
    });
}, 1000);
 }

 window.onload=testFunction;

 </script>