title: Variables inside javascript object cannot be read
body: <p>There is my orginal code:</p>
  
  <pre><code>$("#container").someFunction([{
       title: "Item1",
       color: "#FFFFFF"
  }, {
       title: "Item2",
       color: "#000000"
  }]);
  </code></pre>
  
  <p>The above code is WORKING, but once I try to change these:</p>
  
  <pre><code> var items = '{'+'title: "Tokyo",'+'color: "#2C3E50"'+'}, {' + 'title: "Tokyo",'+'color: "#2C3E50"'+'}';
  
   $("#container").someFunction([items]);
   //or
   $("#container").someFunction(function(items){return items});
   //or
   $("#container").someFunction(items);
   //or
   $("#container").someFunction(eval("items"));
  </code></pre>
  
  <p>It doesn't work anymore.</p>
  
  <p>I am wondering is there any ways to achieve this?</p>