To display links in my rendered JSON, I want them as value in the name/value pair.

The function below takes a valid JSON as a parameter and should return JSON with their values converted to anchor tags.

The input JSON is

```
{"@context":"/api/contexts/EntryPoint.jsonld","@id":"/api","@type":"EntryPoint","AnomalyCollection":"/api/AnomalyCollection","CommandCollection":"/api/CommandCollection","ControllerLogCollection":"/api/ControllerLogCollection","DroneCollection":"/api/DroneCollection","DroneLogCollection":"/api/DroneLogCollection","HttpApiLogCollection":"/api/HttpApiLogCollection","Location":"/api/Location","MessageCollection":"/api/MessageCollection","dsCollection":"/api/dsCollection"}

```

`{"k": "v"}` should get changed to `{"k": <a href="#">v</a>}`

I understand that the changed value would not be a valid JSON, then what is the way out?

```
function makeEditable(data) {
  for (var property in data) {
    if (data.hasOwnProperty(property)) {
      var tag = $('<a href=#>' + data[property] + '</a>');
      data[property] = tag;
    }
  }
  return data;

}

```

The function above instead of giving links, gives the below render.

```
{
  @context : {
  0 :  "http://localhost:5000/#"
 },
   @id : {
   0 :  "http://localhost:5000/#"
 },
   @type : {
   0 :  "http://localhost:5000/#"
 }
}

```

What I want is a render similar to this

[![JSON](https://i.stack.imgur.com/DKWdW.png)](https://i.stack.imgur.com/DKWdW.png)