JSFiddle - React, Tailwind, and code Playground

HTML

<table class="form-table targetOne">

<tr> <th valign="top">Location</th> <td>

<label>

<input type="radio" value="page" name='foo#bar[baz]' checked='checked' />Page </label> &nbsp;

<label>

<input type="radio" value="profile" name='foo#bar[baz]' />Profile </label> &nbsp;

<label>

<input type="radio" value="tab" name='foo#bar[baz]' />Tab </label> &nbsp;

</td>

</tr>

</table>

JavaScript

console.log(jQuery("input[name=foo#bar[baz]]:checked").val()); //undefined
console.log(jQuery("input[name=foo#//bar[baz]]:checked").val());//works