Display SharePoint 2013 list columns on new form in tabs and side by side using jquery

Hi,

I am doing the customization of layout for SharePoint list new form. In that form I need to display the columns side by side in tabs using jquery.

I tried displaying the tabs using CSR but I am not able to display the columns side by side.
https://code.msdn.microsoft.com/office/Client-side-rendering-code-b2eedf92

I tried displaying the columns side by side but I am not able to display them in tabs.

https://social.msdn.microsoft.com/Forums/en-US/141ed372-6ad3-4db1-a69e-fbfd7e7cb0fe/arrange-sharepoint-list-fields-side-by-side?forum=sharepointdevelopment

Can you please help me on this to display columns side by side in tabs using jquery.

Thanks,
Kishore.

Kishore