dynamic link with button format

dynamic link with button format

I'm using jquery to add links in a mobile page after the page load. The links are added but they are not shown how button format.
Someone know what is the my mistake?
The code is bellow:

  1. <div data-role="content" id="content">
          <a href="index.jsp data-role="button" data-icon="arrow-l" >Back</a>           
    </div>       
    <script>
            $(document).ready(function(){
                $.getJSON(url+"/cxf/mesaService/categ",                     
                          function(data) {
                            $.each(data.Categ, function(i,item){
                            var text = "<a href='card.jsp data-role='button' data-iconpos='right' data-icon='arrow-r' >"+item.desc+"</a>";
                            $("#content").append(text);
                            })
                          });
            });           
    </script>