title: accessing data response item from seperate JS file (console error)
body: <pre><code>Object
  response: "[{"id":"28","class_id":"1463","voluntary1":"1000","voluntary2":"1000","voluntary3":"1000","assigned_risk":"1500","state":"Alabama"}]"
  </code></pre>
  
  <p>I am attempting to access <code>voluntary3</code> data above and append to my input <code>#input_52_22</code> by calling:</p>
  
  <pre><code>document.getElementById('#input_52_22').value= +Object.response.voluntary3;
  </code></pre>
  
  <p>But it is responding with below console error.</p>
  
  <pre><code>VM26293:1 Uncaught TypeError: Cannot read property 'voluntary3' of undefined
      at &lt;anonymous&gt;:1:65
  </code></pre>
  
  <p>Below is a screenshot of the response; I am simply trying to grab voluntary and append as my input id value:</p>
  
  <p><a href="https://i.stack.imgur.com/wYLch.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wYLch.png" alt="enter image description here"></a></p>
  
  <p>I'm struggling to do this from an external file (outside of the original ajax success call, potentially this is why?)</p>