checkbo | Custom Checkbox and Radio , lightweight jQuery Plugin | Frontend Framework library

Few point to mention here:

• in your snippet there is a closing tag, this would lead to invalid HTML.
• you have a table with one cell that holds a select button, I suggest that you use since table is made to be used for displaying data that meant to be viewed as a table.
• you have another table with no , , and appending the form tag to id, not having , tags will be invalid HTML and cause the HTML to not render.
• the hidden forms use id attribute of 1 and 2 although its parsed and recongniszed by the browser I suggest that you use a more meaningful ids.

• one last thing as a suggestion is to use the display/visibility/opacity attributes to toggle show/hide the forms instead of appending them here.

  Here is a snippet with a working HTML from your snippet:

You were using the wrong variable names in step 4 and 5: You saved the checked status of the input to a variable named status, but tried to use variables named status4 and status5 when enabling the button.

Edit: Another small mistake (and an easy one to make) was that when enabling the button for a step, you enabled all buttons (find('button')) instead of just the button for the current step. I have updated the code below to only enable one button.

Try this code: