Html Tabs Is Not Working Sample

i want to display the data in tabs , but here my data is displaying in single tab. some one please help me out . here all the div data is displaying in the first tab , remaining d

Solution 1:

$( "#tabs" ).tabs();

<linkhref="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css"rel="stylesheet"/><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><scriptsrc="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script><divid='childarpt'class='childarpt' ></br><divid="tabs"><ul><liclass="active"><ahref="#Total"><span>Total</span></a></li><li><ahref="#USA"><span>USA</span></a></li><li><ahref="#ASIA"><span>ASIA</span></a></li><li><ahref="#JAPAN"><span>JAPAN</span></a></li><li><ahref="#LATAM"><span>LATAM</span></a></li><li><ahref="#EMEA"><span>EMEA</span></a></li></ul><tableid='myTable'border='0'><divid="Total"class="tab active">
  Total
  </div><divid="USA"class="tab">
   USA
  </div><divid="ASIA"class="tab">
    ASIA
  </div><divid="JAPAN"class="tab">
   JAPAN
  </div><divid="LATAM"class="tab">
   LATAM
  </div><divid="EMEA"class="tab">
   EMEA
  </div></table></div>

Include jquery-lastest.js and jquery-ui.js file. DEMO HERE