Regular dollar signs ($x^2$) are problematic for inline math because they can trigger on text like $123.45 + $6.78.
I like the convenience of a single symbol, so my workaround was to require a space on either side of the dollar sign, like so:
<script type="text/x-mathjax-config">MathJax.Hub.Config({
tex2jax:{
inlineMath:[[' $','$ ']],
},
styles: {
"span.MathJax" : {
"margin" : "0em 0.4em"
}
}
});
</script>
The spaces are removed by mathjax, but re-added via CSS. This allows very readable $x^2$, and is unlikely to trigger on currency. Allowing inlineMath to take regular expressions (not just text strings) would allow for even more control.
Hope this helps someone,
-Kalid