I've set up a very simple HTML web part to filter results from a SharePoint list based on a particular column, and everything works great when I use the form to search for standard text like "Failure". The problem comes from the fact that the column I use to filter the results contains text with special characters such as &, ", ' etc. and I use the HTML form to filter the list based on text with special character, the filter form successfully narrows the results, but in the meantime displays back the special character decoded and the filter field cannot be used subsequently unless I edit the filter text anew.
See the screenshots
This is how it looks like when I enter the text with the special character to filter the results
And this is what it displays back after clicking on "Search"
So basically I have to edit it and then use the search again if I need it.
As you can see in the picture, there are two filters. The first one narrows the results from first list column and the second one from the second list column. The filters as you know can be used subsequently. So when I use the first one to narrow the results everything goes right, but once it displays the special characters as a symbols I can't continue to use the second filter to narrow the results completely, unless I edit the characters in the first filter form and this basically makes the second filter not usable.
My question is:
Does anyone knows how can I make the HTML web form filter special symbols yet displays back the same special symbols without decoding them as shown on the second picture? If I search for let's say
Test&tTest, the filter form keeps the same format of the test
Test&tTest instead display
I searched over the internet for some kind of solution but I couldn't find anything. So I would appreciate any advice or help or some sort of a workaround that I can apply.