JIRA issue collector button only works in preview, not on published confluence page

[Owen Mays]

I'm trying put a button on a specific confluence page to trigger a JIRA issue collector. It works no problem if I use one of the default placements (With the button hidden over on the edge of the screen). I would like to place a big button in the middle of the screen. This is Confluence 6.6.4, hosted locally by my company.

I've followed the instructions here, for the case where I want a button on a specific page: https://community.atlassian.com/t5/Confluence-questions/How-to-create-a-button-to-open-the-issue-collector/qaq-p/88880 

And it's not quite working. I have the same symptoms described here: https://community.atlassian.com/t5/Confluence-questions/Issue-Collector-Button-on-Confluence-Macro-does-not-trigger/qaq-p/612201

When I use "preview," the button works correctly and I can submit issues (they even show up in my JIRA backlog). When I save the page and try to use it (not in preview), the button appears but nothing happens when I click it.

Here's the code I have pasted into my HTML macro box:

<button style="height:200px;width:25%; font-size:20px" id="myCustomTrigger">Submit New Job</button> 


<script type="text/javascript" src="https://mydomain.com/stuff/stuff/2.0.24/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?locale=en-US&collectorId=28fe0db1"></script>

    <script type="text/javascript">window.ATL_JQ_PAGE_PROPS =  {
    "triggerFunction": function(showCollectorDialog) {
        //Requires that jQuery is available! 
        jQuery("#myCustomTrigger").click(function(e) {
            e.preventDefault();
            showCollectorDialog();
        });
    }};</script>

Any suggestions on how to debug this would be much appreciated!