I wrote a Javascript snippet and when typing it in and pressing tab it out gives me the declared literal ID, is there something I am missing?

<?xml version="1.0" encoding="utf-8"?>
<CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
    <CodeSnippet Format="1.0.0">
        <Header>
            <Title>Create Button</Title>
            <Description>Creating a button</Description>
            <Shortcut>myButton</Shortcut>
        </Header>
        <Snippet>
            <Code Language="javascript">
                <![CDATA[$(`$ButtonID$`).on(`click`, (e)=>{
                        TryCatch(()=>{
                            LogCallStack(`$Stack$`);
                            $Start$
                        });
                    });]]>
            </Code>
            <Declarations>
                <Literal>
                    <ID>ButtonID</ID>
                    <ToolTip>Need To Add ID</ToolTip>
                </Literal>
                <Literal>
                    <ID>Stack</ID>
                    <ToolTip>Test</ToolTip>
                </Literal>
                <Literal>
                    <ID>Start</ID>
                    <ToolTip>Test</ToolTip>
                </Literal>
            </Declarations>
        </Snippet>
    </CodeSnippet>
</CodeSnippets>