Set Summary Field of Custom Issue Collector with HTML Text Input

[Jon Heysek]

How can I take the value of a HTML input text field and set it as the summary of a custom issue collector? 

I was able to pull in the submitters name and email address into the custom issue collector form so I know the 'fieldValues' block is working correctly:

<div class="field-group">
    <label for="summary">My Summary Field</label><br>
    <input type="text" name="type" id="summary"><br><br>
    <input type="button" id="button-launch-issue-collector" value="CONFIRM">
</div>

...

 fieldValues: {
    summary : ???,
    fullname : AJS.params.userDisplayName,
    email: AJS.params.remoteUser
} 

I've read this page describing the 'Advanced use of the JIRA issue collector' as well as how to use Javascript to assign variables from HTML text input values however I'm still unsure how to proceed here.  Do I need to use a 'Dynamic functions' (e.g. fieldValues : function() { var values = {};) in order to set the summary field from the value the user typed into the HTML input text field?