я так понимаю код, который в codepen откуда-то скопирован?
что мешает при сабмите создавать объект с нужными значениями? или, если вы совсем не понимаете что там написано - что мешает вместе со span создавать hidden инпуты, которые при сабмите улетят куда надо автоматом?