bootstrap-validator | friendly HTML5 form validation jQuery plugin for Bootstrap | Form library

I'm trying to extract some info from a website. The response I'm getting from the http request is

I am using 1000hz for validation. for +1(999) 999-999 phone number I am using this regex in pattern

I have the following code (removed lot of code for brevity purpose) in my index.html.

When I remove the Ajax call from the getConcepts function, I don't get any error and all the console logs statements shows up in the console.

However, when I try to call the getConcepts function with Ajax call, I keep getting

ReferenceError: getConcepts is not defined index.html:1:1 Why?

Everything works fine in this JSFiddle

However, when I am trying to use the same code inside my index.html and hit Request Data button, it's not working. The following is the code :

chart.js is great and I am creating my first chart. But I have one problem I can't figure out. After creating the object, my canvas/graph jump to the left, although I have text-centered using bootstrap4. The canvas is in the right place at the beginning as well. The code reproducing the problem is:

html:

I'm trying to set up a page where people trigger a questionaire by selecting START in a webform - it pops open the DIV for the 1st question.

As they answer each question (yes/no choices) it either opens a DIV specific to that question which says "NO - GO AWAY because XXXX" or brings up the next question in a new DIV... this repeats about 8 times.

So far, I can get the FIRST Question to appear, but it won't do anything when I select an answer for question1 - it SHOULD make Q2 DIV appear or provide the context DIV for why they can't proceed.

I've got a (very) stripped down demo in this jsfiddle link

The HTML code is: