Why is my jQuery code not able to read an apostrophe?

Question

I have a web form that automatically checks the checkboxes when the page loads based on the data stored in the MYSQL database. Everything works just fine with the exception of data that contains an apostrophe. Here's my code: JSON: ``` [{"pkFavorietemerken":"1","merken":"Adidas"},{"pkFavorietemerken":"2","merken":"Boss"},{"pkFavorietemerken":"3","merken":"Burberry"},{"pkFavorietemerken":"4","merken":"Christian Dior"},{"pkFavorietemerken":"5","merken":"D&G"},{"pkFavorietemerken":"6","merken":"Diesel"},{"pkFavorietemerken":"7","merken":"Dolce & Gabanna"},{"pkFavorietemerken":"8","merken":"Emporio Armani"}] ``` JQUERY: ``` $.getJSON("jason.php", function(data) { $.each(data, function(){ $("[value='" + this.merken + "']").attr("checked","checked"); }); }); ``` HTML: ```

Accepted Answer

For `Levi's`, the resulting selector ends up being `"[value='Levi's']"`. I guess the selector engine chokes on it. I'm not sure if it supports escaping (`Levi\'s`) -- if it doesn't, you can do something like

```
var merken = this.merken;
$("input:checkbox").each(function(){
    if(this.value == merken) this.checked = true;
});
```

instead.

Why is my jQuery code not able to read an apostrophe?

Solution

Problem