Jquery create table dynamically

Jquery create table dynamically

Has mydata table like this  and the output which I want to achieve is below in the image. Can you please help me to create the structure which is in the Image  Dynamically  Also Next time when I try to add a new item it should come under the same category. Can you please help me to generate th is using jquery or by using DIV & LI tags and assign the same dynamically.