There are many simple ways to do this, each with different purpose at times. Here are a couple simple ways to do this "inline", without affecting much of your already usable code:

With .replace() (The downside is if you have more than one white space, it won't replace them all. This can be remidied with regex, as I'll show below, or split join)

 $('#productQuote').append('&lt;img src="'+ p + j.replace(" ", "-") + '.jpg" /&gt;');


Replace ALL style:

$('#productQuote').append('&lt;img src="'+ p + j.replace(/ /g, "-") + '.jpg" /&gt;');


With the team of .split().join()

$('#productQuote').append('&lt;img src="'+ p + j.split(" ").join("-") + '.jpg" /&gt;');


jQuery - Adding a hyphen inside string
From Dungeon Master's Guide


  Glamered: A suit of armor with this ability appears normal. Upon
  command, the armor changes shape and form to assume the appearance of
  a normal set of clothing. The armor retains all its properties
  (including weight) when glamered. Only a true seeing spell or similar
  magic reveals the true nature of the armor when disguised


Would this imply the armor has the ability to appear as a single specific outfit, or could it be made to resemble any form of clothing other than what it actually is?
