title: pasring JSON from string in jQuery
body: <p><a href="http://localhost/project1/index.php" rel="nofollow noreferrer">http://localhost/project1/index.php</a> </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>//AJAX region
  $(function(){
   $.ajax({
    type : 'GET',
    url : 'https://jsonplaceholder.typicode.com/posts/1',
    success : function(data){
     console.log('success \n', data);
    },
    error : function(data){
     console.log('error', data);
    }
   });
  });//AJAX region</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>it's easily loading data from <a href="http://localhost/project1/json.php" rel="nofollow noreferrer">http://localhost/project1/json.php</a><br>
  console: 
  <a href="https://i.stack.imgur.com/PGmo0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PGmo0.png" alt="enter image description here"></a></p>
  
  <p>data is string, if I use $.parseJSON(data) or JSON.parse(data) i get following error... 
  <a href="https://i.stack.imgur.com/kkPZf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kkPZf.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/4UAfW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4UAfW.png" alt="enter image description here"></a></p>
  
  <p>I want data as realtime JSON object, so that I can access each properties &amp; values.</p>