Problems using Adobe Illustrator to Create SVG Path with Javascript

Hello,

I have created a path using Adobe Illustrator and am loading it into SVG Javascript as a function. The path comes out from the image I am using as the following path: M0,0h106.67v98.67H0V0z 

For some reason the image shows up as a black square and does not have the image as shown when creating Compound Path. What would be the next step to try to make the image show up properly, the javascript I am using looks like such:

var svg = createElement( 'svg', {},
createElement( 'path', { d: 'M0,0h106.67v98.67H0V0z' } )
);

I created the Compund Path by doing the following in Adobe Illustrator:

Deselect everything

Select >> Object >> Clipping Masks

Select >> All

Object >> Clipping Mask >> Make

Object >> Compound Path >> Make

Edit >> Copy

Paste into Text file copy path from svg text from Adobe Illustrator

What am I doing wrong?

It should have more numbers on it than just M

something like this M150 0 L75 200 L225 200 Z