I am using the jquery chained plugin and its somewhat working, means half working, i am able to get the json data from the remote page call but its not populating the select and also on the first select, the jquery ajax does not get fired when i select sometimg very first time, it runs the ajax call, if i select something else or again same value from the select call.

so saying, it works on the second call to the first select, first call does not work.

here is my fiddle for it

https://jsfiddle.net/ye7o459n/

the problem seems to how i am calling it but i am totally not sure

here is the code JS Code

<select class="classnocss select2_el" id="IDParent" style="" name="CampaignID" data-validation="required" data-validation-error-msg=" selection is required." data-placeholder="Select Campaign" data-allow-clear="true">
                
                    <option value="" selected> - Select -</option>
                
                    <option value="2123" >Drowning (2123)</option>
                
                    <option value="2067" >andel - Sentido (2067)</option>

          </select>
          
           <select name="CampaignPlatformID" id="IDChild" data-url="../ajaxCall.cfm" data-id="253"
      data-validation="required" style="width:75%" 
      data-validation-error-msg="Platform selection is required.">
    </select> 

jquery code

$(document).on('change', $("#IDChild"), function(el) {
    $(this).remoteChained({
      parents : "#IDParent",
      url : "../ajaxCall.cfm?action=dealpost&dealID="+ $('#IDChild').attr('data-id')
    });