title: Uncaught SyntaxError: missing ) after argument list when trying to add a function to sort data
body: <p>I am getting the error:</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: missing ) after argument list</p>
  </blockquote>
  
  <p>with the below Javascript:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>jQuery.extend(cipMonitorErrorsSettings, {
      loadOnStartup: true,
      columnDefs: [{
          "mData": "createdDate",
          "bSortable": true,
          "sTitle": '&lt;fmt:message key="card.cipErrors.createdDate"/&gt;',
          "mRender": function(data, type, cipErrors) { //new
            return '&lt;button class="cipSummary buttonlink createdDate"&gt;' + cipErrors.createdDate + '&lt;/button&gt;'; //new
          }
        },
        {
          "mData": "status",
          "bSortable": true,
          "sTitle": '&lt;fmt:message key="card.cipErrors.status"/&gt;'
        },
        {
          "mData": "jsonRequest",
          "sTitle": '&lt;fmt:message key="card.cipErrors.jsonRequest"/&gt;'
        },
        {
          "mData": "jsonResponse",
          "sTitle": '&lt;fmt:message key="card.cipErrors.jsonResponse"/&gt;'
        }
  
      ],
      editLinks: [{ //Edit
        selector: ".cipSummary",
        callback: function(target, data) {
          //  debugger;
          $ {
            prefix
          }
          ActionFormHandler.open(data);
        },
        disabled: $ {
          actionBean.restricted['RESTRICT_EDIT']
        }
  
      }],
      postInitCallback: function() {
        console.log(this.container.find(".appendImage"));
      },
      actionButtons: {
        exportText: '&lt;fmt:message key="export.csv"/&gt;'
      }
  
  
    }
    $(document).ready(function(data) {
      $('#cipTable').DataTable({
        "order": [
          [3, "desc"]
        ],
        "columnDefs": [{
            targets: 0,
            data: "createdDate"
          },
          {
            targets: 1,
            data: "status"
          },
          {
            targets: 2,
            data: "jsonRequest"
          },
          {
            targets: 3,
            data: "jsonResponse"
          }
        ]
      })
    });
  );</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have checked and double-checked and tried many times, but still cannot get rid of this error. I also added a debugger but can locate where it is happening. I am trying to display the columns but sort by <code>createdDate</code> column.</p>