Dynamically generated radio do not respond to events

[wirekobrobbey27]

I load the radio buttons through an Ajax response, when this done it does not respond to click events. Below is how the radio buttons are generated

Javascript

for (const key in data) {
                if (Object.hasOwnProperty.call(data, key)) {
                    const element = data[key];
                    console.dir(element)
                    var html = "<div class='col-sm-4'><div class='choice' data-toggle='wizard-radio' rel= 'tooltip' title data-original-title='This is good if you travel alone.'><input type='radio' name='operators' value ='" + element.op_code + "'><div class='icon'><i class='material-icons'> airplane_ticket</i></div><h6>" + element.op_name + " </h6></div> </div>";
                    $('#details_content').prepend(html);
                }
            }

HTML

 <div class="tab-pane" id="details">
                                        <h4 class="info-text">Select the Airline Operator</h4>
                                        <div class="row">
                                            <div class="col-sm-10 col-sm-offset-1" id="details_content">

                                            </div>
                                        </div>
                                    </div>