herokuにデプロイしたファイルのパスをjqueryで指定したい

Question

jqueryでherokuにアップした後のパスを取得したい

heroku上に簡単なウェブサイトをデプロイしたのですが、jqueryでのファイルのパスの指定方法がわかりません。
ディレクトリ構造はこのようになっています。

root
|-templates
| |-form.html
|-static
| |-form.js
| |-form.css
| |-calendericon.png
|-main.py
|-Procfile
|-README.md
|-requirements.txt

$(function() {
                $("#start-date").datepicker({
                    showOn: "both",
                    buttonImage: "calendericon.png",
                    buttonImageOnly:true
                });
            });

htmlだとurl_forが使えるのですが、jsファイルではどのようにすれば良いのでしょうか？
とりあえずhtmlの<script>タグ内に以下のように書いてみましたがダメでした。

<script>
            $(function() {
                $("#start-date").datepicker({
                    showOn: "both",
                    buttonImage: "{{url_for('static',filename='calendericon.png')}}",
                    buttonImageOnly:true
                });
            });
</script>

Answer 1

記載のjsコードがform.js内に書かれており、form.htmlで呼び出していると思って回答しています。

本題の方ですが、form.jsで書いたから相対パスは同じディレクトリだと思っているかもしれません。しかし、実際に表示しているページのパスはform.htmlの為、form.htmlからの相対パスが必要になります。

それと、url_forはhtmlの機能ではありません。おそらく使っていると思われるflaskの機能です。
url_forはパス名を生成してhtmlに与えているイメージです。