Electron html Open Link when html inserted from JSON

I've just built my first electron app and everything works great except for when html is inserted from a json file. The html is being inserted as it should, but when I click on the 'Open Link' button a popup opens asking me where I want to save the file instead of open it using default program. I believe I need to somehow use the shell command like I did for the menu to open the trouble shooting guide, but I don't know how to do that when i'm inserting or appending html. Please help.

Below is the function for pulling in JSON date that I am using. aceCategory is the div where the data is being inserted:

function renderHTML(data) {
    var htmlString = "";
    $('#aceCategory').empty();
    for (i = 0; i < data.length; i++) {
        htmlString += "<p class='categoryName'>" + data[i].category + "</p>" + "<tr>" + "<td class='feedDesc'>" + "<b>" + data[i].name +
            "</b>" + "<br>" + data[i].desc + "</br>" + "<br>" + "<input type='button' style='border-radius: 25px' value='Open Link' onclick=location.href='" + data[i].url + "'>" + "</td>" +
            "</tr>";

    }
    aceFeedTable.insertAdjacentHTML('beforeend', htmlString)
}